.grom-game{color:#f6eddb;background:#151521;max-width:1120px;margin:auto;padding:24px;font-family:system-ui,sans-serif}.grom-game h1{margin:20px 0 10px;font-family:Georgia,serif;font-size:clamp(30px,5vw,56px)}.grom-game header>span{float:right;letter-spacing:1.5px;color:#e6bd76;font-size:11px}.grom-game p{color:#d3cfcd;line-height:1.65}.grom-game button,.grom-game a{color:#ffe0a0}.grom-game button{cursor:pointer;background:#2d2937;border:1px solid #75604a;border-radius:7px;min-height:44px;padding:12px 16px}.grom-game button:disabled{opacity:.45;cursor:default}.grom-game button:focus-visible{outline-offset:3px;outline:3px solid #9ce5d2}.grom-canvas:focus-visible{outline-offset:3px;outline:3px solid #9ce5d2}.grom-hud,.grom-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;display:flex}.grom-stage{background:#0d101a;border:2px solid #564636;border-radius:10px;position:relative;overflow:hidden}.grom-canvas{aspect-ratio:1024/680;touch-action:none;width:100%}.grom-canvas canvas{display:block}.grom-overlay{text-align:center;background:#111320ed;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.grom-overlay p{max-width:480px}.grom-controls>div,.grom-evidence>div,.grom-reading>div{flex-wrap:wrap;gap:8px;display:flex}.grom-controls button{touch-action:none}.grom-evidence,.grom-reading,.grom-game details{background:#222130;border:1px solid #514452;border-radius:10px;margin:20px 0;padding:22px}.grom-reading blockquote{background:#171725;border-left:4px solid #e5b76c;padding:16px;line-height:1.8}.grom-reading button{margin:5px 0}.grom-game summary{cursor:pointer;font-weight:700}@media (max-width:600px){.grom-game{padding:12px}.grom-game header>span{float:none;margin-top:16px;display:block}.grom-hud{font-size:12px}.grom-controls>div{justify-content:space-between;width:100%}.grom-controls button{flex:1;padding:12px 8px}.grom-evidence,.grom-reading{padding:14px}}.grom-game{background:radial-gradient(at top,#283339 0,#171b25 38%,#11151c 100%);min-height:100vh}.grom-game header{border-bottom:1px solid #b78c524a;padding-bottom:20px}.grom-game header>span{letter-spacing:.08em;font-size:14px}.grom-hud{background:#202936;border:1px solid #ad875657;border-radius:10px;padding:16px;font-size:15px;box-shadow:0 12px 30px #0003}.grom-hud b{color:#ffe0a0}.grom-game h2{color:#f5ddaf;font-family:Georgia,serif}.grom-evidence,.grom-reading,.grom-game details,.grom-settings,.grom-downloads{background:linear-gradient(130deg,#242e3b,#19212c);border:1px solid #6b604b;border-radius:12px;margin:20px 0;padding:22px}.grom-settings label{align-items:center;gap:12px;min-height:44px;margin:8px 20px 8px 0;display:inline-flex}.grom-settings input[type=range]{min-height:44px}.grom-downloads>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grom-downloads a{min-height:44px;padding:12px;display:inline-block}.grom-import{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.grom-game input{max-width:100%;font:inherit}.grom-large{font-size:20px}.grom-large button,.grom-large .grom-hud{font-size:inherit}.grom-game button:hover:not(:disabled){background:#3b4654;border-color:#e9c58b}.grom-reading>button{margin-right:12px}.grom-game button{font:inherit}.grom-overlay{background:linear-gradient(#0e141dec,#16202cf2)}.grom-overlay h2{font-size:clamp(24px,4vw,40px)}@media (max-width:600px){.grom-hud{font-size:14px}.grom-settings,.grom-downloads{padding:14px}.grom-downloads button{width:100%}.grom-game header>span{font-size:14px}}.grom-game{max-width:1440px;padding:18px 24px}.grom-game h1{margin:8px 0;font-size:clamp(26px,3vw,38px)}.grom-game header{padding-bottom:10px}.grom-game header p{margin:6px 0}.grom-stage{max-width:1120px;margin:auto}.grom-controls{z-index:5;background:#131b26f5;border:1px solid #66553d;border-radius:8px;padding:10px;position:sticky;bottom:0}.grom-disciplines{background:#1b2530;border:1px solid #66553d;border-radius:10px;padding:16px}.grom-disciplines>span{color:#e8c389;letter-spacing:.08em;font-size:14px}.grom-disciplines>div{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.grom-disciplines p{margin:10px 0 0;font-size:14px}.grom-hud{margin:10px 0;padding:12px}.grom-game header>span{float:none;display:block}.grom-evidence>div{margin:10px 0}.grom-controls button{font-size:14px}@media (max-width:600px){.grom-game{padding:10px}.grom-controls{position:static}.grom-disciplines button{flex:1}.grom-hud{gap:8px}}.grom-game{max-width:1600px}.grom-stage{max-width:1440px}.grom-canvas{aspect-ratio:2}.grom-buffs{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.grom-buffs span{background:#263c32;border:1px solid #6a8066;border-radius:20px;padding:7px 12px;font-size:13px}.grom-buffs b{color:#f1d6aa;margin-right:auto}.grom-evidence button[aria-pressed=true]{background:#365447;border-color:#c8d998}.grom-health{background:#25171c;border:1px solid #f19191;border-radius:6px;min-width:260px;height:32px;position:relative;overflow:hidden}.grom-health i{background:linear-gradient(90deg,#9b263d,#ec626a);height:100%;transition:width .15s;display:block;position:absolute}.grom-health b{text-align:center;color:#fff;text-shadow:0 1px 3px #000;font-size:14px;line-height:30px;display:block;position:relative}.grom-audio-top{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.grom-audio-top details{margin:0;padding:10px}.grom-audio-top .gs-extra-music{margin:0;padding:8px}.grom-audio-top button[aria-pressed=true]{border-color:#87b3a4}.grom-audio-top label{padding:8px;display:block}.grom-inventory{background:#151e2b;border:1px solid #96764f;border-radius:12px;margin:14px 0;padding:20px}.grom-inventory-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.grom-inventory-heading h2{margin:4px 0 14px}.grom-slots,.grom-items{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:16px 0;display:grid}.grom-slots button,.grom-items button{text-align:left;flex-direction:column;gap:9px;min-height:130px;display:flex}.grom-items button[aria-pressed=true]{background:#29483a}.grom-inventory small{color:#d2b982;font-size:12px}.grom-inventory span{font-size:14px}.grom-set{background:#30413c;border:1px solid #8faa87;border-radius:18px;margin:4px;padding:8px 12px;display:inline-block}.grom-loot-table>div{border-bottom:1px solid #514b45;grid-template-columns:2fr 1fr 1fr auto;gap:12px;padding:14px 0;display:grid}.grom-banter{background:#172131;border-left:3px solid #a7c6e3;padding:10px 16px}.grom-controls>div:first-child{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.grom-controls>div:first-child button{padding:6px 12px}.grom-buffs span{font-size:14px}@media (max-width:650px){.grom-health{width:100%}.grom-loot-table>div{grid-template-columns:1fr}.grom-audio-top button{flex:1;font-size:14px}.grom-slots,.grom-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (pointer:coarse),(max-width:1024px){.grom-controls{padding:8px 10px max(24px,env(safe-area-inset-bottom));align-items:center;gap:12px;margin:6px 0 18px;position:relative;bottom:auto}.grom-controls>div:first-child{grid-template-columns:repeat(3,minmax(44px,1fr));gap:5px;width:calc(45% - 6px);display:grid}.grom-controls>div:first-child button{min-height:48px;padding:4px}.grom-controls>div:first-child button:nth-child(5){grid-column:3}.grom-controls>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:calc(55% - 6px);display:grid}.grom-controls>div:last-child button{overflow-wrap:anywhere;min-height:58px;padding:6px;font-size:14px}}@media (max-width:360px){.grom-controls{gap:8px;padding-inline:4px}.grom-controls>div:first-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;width:45%}.grom-controls>div:first-child button{min-width:0;padding:2px}.grom-controls>div:last-child{width:calc(55% - 8px)}.grom-controls>div:last-child button{font-size:12px}}.grom-game{color:#fff3da;background:radial-gradient(at 20% 0,#274c50 0,#132c36 35%,#111d2c 80%);padding:14px 20px 32px}.grom-game header{border-bottom:3px solid #091623;padding-bottom:8px;box-shadow:0 2px #d5b778}.grom-game h1{color:#ffe5a9;text-shadow:2px 3px #07121f;letter-spacing:-.03em;font-family:Georgia,serif;font-size:clamp(25px,3.3vw,44px);font-weight:900}.grom-game header>span{color:#8fd8d1;letter-spacing:.12em;font-size:11px}.grom-game header p{color:#dbe9df;font-size:14px;line-height:1.4}.grom-game button{color:#fff2d3;background:linear-gradient(#335d63,#23454f);border:2px solid #071725;border-radius:9px;font-weight:650;transition:background .12s,transform .12s;box-shadow:0 3px #071725,inset 0 1px #77a39d}.grom-game button:hover:not(:disabled){background:linear-gradient(#476f6b,#365d65);border-color:#eac789;transform:translateY(-1px)}.grom-game button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #071725}.grom-hud{background:#182f3c;border:2px solid #0a1725;gap:8px;padding:8px 12px;font-size:13px;box-shadow:0 3px #071725}.grom-health{border:2px solid #0a1725;min-width:220px;height:30px;box-shadow:0 0 0 1px #bb7773}.grom-health b{font-size:13px;line-height:26px}.grom-hud>span:last-of-type{color:#b9d8cc}.grom-audio-top{gap:6px;margin:7px 0}.grom-audio-top button{min-height:40px;padding:7px 12px;font-size:13px}.grom-buffs{gap:6px;margin:7px 0}.grom-buffs span{background:#21463e;border-color:#608c7d;padding:4px 9px;font-size:12px}.grom-buffs b{font-size:13px}.grom-combat{background:#0a1725;border:2px solid #a88752;border-radius:15px;padding:5px;box-shadow:0 8px 24px #0005}.grom-stage{background:#111d2b;border:2px solid #446961;border-radius:9px}.grom-canvas{aspect-ratio:auto;cursor:crosshair;height:clamp(260px,100svh - 345px,720px)}.grom-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(90deg,#0a1827eb,#142837a6),url(/grom/comic-cover.webp) 50%/cover}.grom-overlay h2{color:#fff1c6;text-shadow:2px 3px #07121f;margin:0 0 12px}.grom-overlay p{color:#f4ecd9;text-shadow:0 1px 3px #000;max-width:500px;line-height:1.5}.grom-overlay button{color:#192b36;background:#dfb568;padding:14px 25px;box-shadow:0 4px #071725}.grom-controls{background:#132838;border:0;border-radius:0 0 9px 9px;grid-template-columns:1fr;gap:7px;margin:0;padding:8px 10px;display:grid;position:static}.grom-controls .grom-key-guide{text-align:center;color:#bed6d5;margin:0;font-size:12px;line-height:1.3}.grom-controls>div:last-child{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;display:grid}.grom-controls>div:last-child button{flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:54px;padding:7px 8px;font-size:14px;display:flex}.grom-controls button small{color:#bee2df;font-size:11px;font-weight:500}.grom-controls button:first-child{border-top-color:#f6b987}.grom-controls button:nth-child(2){border-top-color:#a9d8ff}.grom-controls button:nth-child(5){border-top-color:#e7d385}.grom-disciplines{background:#1c3642;border:2px solid #071725;margin-top:14px;box-shadow:0 3px #071725}.grom-disciplines button[aria-pressed=true]{color:#122b36;background:#d8b06d;border-color:#091725}.grom-evidence,.grom-reading,.grom-settings,.grom-game details{background:linear-gradient(120deg,#213e49,#162c3b);border:2px solid #071725;box-shadow:0 3px #071725}.grom-reading blockquote{color:#26333b;background:#f1e2bd;border:2px solid #091725;border-left:6px solid #bf934a;border-radius:8px}@media (pointer:fine) and (min-width:850px){.grom-controls>div:first-of-type{display:none}}@media (pointer:coarse),(max-width:849px){.grom-canvas{aspect-ratio:2;height:auto}.grom-controls{padding:10px 6px max(14px,env(safe-area-inset-bottom));grid-template-columns:35% 1fr;gap:8px}.grom-controls .grom-key-guide{grid-column:1/-1}.grom-controls>div:first-of-type{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;display:grid}.grom-controls>div:first-of-type button{min-height:44px;padding:3px}.grom-controls>div:first-of-type button:nth-child(5){grid-column:3}.grom-controls>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%}.grom-controls>div:last-child button{min-height:46px;padding:4px;font-size:12px}.grom-controls button small{font-size:10px}.grom-controls .grom-key-guide{font-size:11px}.grom-game{padding:10px}.grom-hud,.grom-game header p{font-size:12px}}@media (prefers-reduced-motion:reduce){.grom-game button,.grom-health i{transition:none}.grom-game button:hover:not(:disabled){transform:none}}.grom-rpg{grid-template-columns:1.3fr 1fr;gap:16px;margin:22px 0;display:grid}.grom-rpg>div{background:linear-gradient(145deg,#17242b,#111722);border:1px solid #8a7046;border-radius:12px;padding:22px;box-shadow:0 4px #080c11}.grom-rpg h2{color:#ffe1a0;margin:8px 0 12px;font-size:1.25rem}.grom-rpg p{color:#c7d3ce;line-height:1.65}.grom-quest>span{color:#caaa6c;letter-spacing:.08em;font-size:.75rem}.grom-objectives,.grom-waypoints{flex-wrap:wrap;gap:8px;display:flex}.grom-objectives span{color:#d9eabc;background:#25352e;border-radius:6px;padding:8px 10px}.grom-talents{grid-column:1/-1}.grom-talents button{text-align:left;margin:4px;padding:14px}.grom-supplies button{margin:4px;padding:10px}.grom-waypoints button{font-size:.8rem}.grom-inventory details button{margin:4px}@media (max-width:700px){.grom-rpg{grid-template-columns:1fr}.grom-talents{grid-column:auto}}.grom-inventory-backdrop{z-index:1000;background:#080d16df;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.grom-loot-panel{color:#f3e7cc;background:linear-gradient(145deg,#24323a,#121b25);border:2px solid #b08d56;border-radius:16px;width:min(1120px,100%);max-height:94vh;padding:22px;overflow:auto;box-shadow:0 24px 80px #000}.grom-loot-panel h2{margin:4px 0 8px}.grom-loot-panel .grom-inventory-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.grom-loot-panel .grom-slots{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:15px;display:grid}.grom-loot-panel .grom-slots button{background:#101925;flex-direction:column;align-items:center;min-width:0;padding:8px;display:flex}.grom-loot-panel .grom-slots b{font-size:12px}.grom-item-art{filter:drop-shadow(0 5px 5px #0008);background-repeat:no-repeat;background-size:400% 400%;flex:none;width:88px;height:88px;display:block;position:relative}.grom-item-art.locked{filter:grayscale();opacity:.3}.grom-item-sigil{text-shadow:1px 2px 2px #000;text-align:center;background:#15212c;border:1px solid;border-radius:50%;width:30px;height:30px;font-size:27px;line-height:27px;position:absolute;bottom:5px;right:3px}.grom-item-sigil i{font-size:8px;font-style:normal;line-height:8px;display:block}.grom-empty-slot{color:#7f725b;place-items:center;height:88px;font-size:36px;display:grid}.grom-loot-tabs,.grom-loot-filters{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.grom-loot-panel button,.grom-loot-panel select,.grom-loot-panel input{color:#f6e8c9;background:#182431;border:1px solid #6e644e;border-radius:6px;padding:8px}.grom-loot-panel button:disabled{opacity:.45}.grom-loot-panel button[aria-pressed=true]{background:#3b443a;border-color:#e8c274}.grom-loot-filters input{flex:1;min-width:130px}.grom-loot-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px;display:grid}.grom-loot-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));align-content:start;gap:9px;max-height:45vh;padding:4px;display:grid;overflow:auto}.grom-loot-grid button{text-align:center;background:radial-gradient(#30414b,#111b25);border-width:2px;flex-direction:column;align-items:center;min-height:150px;padding:6px;display:flex}.grom-loot-grid button.selected{box-shadow:0 0 0 2px #fff2ce}.grom-loot-grid b{font-size:12px;line-height:1.25}.grom-loot-grid small{margin-top:auto;font-size:10px}.grom-item-detail{background:#101924;border:1px solid #76664b;border-radius:9px;padding:16px}.grom-item-detail>.grom-item-art{width:150px;height:150px;margin:auto}.grom-item-detail h3{margin:8px 0;font-size:23px}.grom-item-detail p{font-size:12px;line-height:1.5}.grom-item-detail dl{font-size:12px}.grom-item-detail dl div{justify-content:space-between;gap:8px;margin:6px 0;display:flex}.grom-item-detail dd{margin:0}.grom-item-detail .positive{color:#a3ecc0}.grom-item-detail .negative{color:#ff9c8d}.grom-item-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.grom-loot-hint{color:#b2bcb8}.grom-build-summary{color:#b8dfd2;font-size:13px}@media (max-width:700px){.grom-inventory-backdrop{padding:6px}.grom-loot-panel{padding:12px}.grom-loot-panel .grom-slots{grid-template-columns:repeat(3,1fr)}.grom-loot-layout{grid-template-columns:1fr}.grom-loot-grid{max-height:30vh}.grom-item-detail>.grom-item-art{width:100px;height:100px}}
