.web-root{--w-navy-950:oklch(9% .03 265);--w-navy-900:oklch(15% .04 265);--w-navy-800:oklch(22% .03 270);--w-gold:oklch(86% .14 78);--w-gold-soft:oklch(94% .14 82);--w-gold-dim:oklch(68% .12 72);--w-ivory:oklch(97% .02 85);--w-parchment:oklch(86% .04 82);--w-muted:oklch(72% .03 260);width:100%;min-height:100dvh;color:var(--w-ivory);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:linear-gradient(oklch(14% .04 260) 0%,oklch(7% .03 260) 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;position:relative;overflow-x:hidden}.web-root *,.web-root :before,.web-root :after{box-sizing:border-box}.web-serif{letter-spacing:.005em;font-family:Cormorant Garamond,Iowan Old Style,Palatino,Georgia,serif;font-weight:600}.web-scene-bg{z-index:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:background-image .7s;position:fixed;inset:0}.web-scene-scrim{z-index:1;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%,oklch(28% .08 260/.35),#0000 60%),radial-gradient(90% 70% at 50% 115%,oklch(10% .03 260/.7),#0000 55%),linear-gradient(oklch(6% .03 260/.35) 0%,oklch(5% .02 260/.55) 100%);position:fixed;inset:0}.web-root[data-screen=play] .web-scene-scrim{background:radial-gradient(120% 60% at 50% 100%,oklch(5% .02 260/.65),#0000 60%),linear-gradient(oklch(5% .02 260/.2) 0%,oklch(5% .02 260/.55) 100%)}.web-screen{z-index:2;min-height:100dvh;padding:max(env(safe-area-inset-top), 16px) max(env(safe-area-inset-right), 16px) max(env(safe-area-inset-bottom), 16px) max(env(safe-area-inset-left), 16px);flex-direction:column;display:flex;position:relative}.web-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--w-gold);opacity:.9;font-size:12px}.web-ornament{color:var(--w-gold);opacity:.85;justify-content:center;align-items:center;gap:10px;margin:12px auto 4px;display:flex}.web-ornament:before,.web-ornament:after{content:"";background:linear-gradient(to right, transparent, var(--w-gold), transparent);width:60px;height:1px}.web-ornament span{border:1px solid var(--w-gold);width:8px;height:8px;display:inline-block;transform:rotate(45deg)}.web-title{color:var(--w-gold-soft);text-shadow:0 0 40px oklch(86% .14 78/.35);margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(38px,6vw,68px);font-weight:600;line-height:1.05}.web-tagline{color:var(--w-parchment);max-width:60ch;margin:12px 0 0;font-size:clamp(14px,1.4vw,18px);line-height:1.55}.web-btn{--btn-bg:linear-gradient(180deg, oklch(100% 0 0/.05), oklch(100% 0 0/.02));--btn-border:oklch(86% .14 78/.28);--btn-color:var(--w-ivory);border:1px solid var(--btn-border);background:var(--btn-bg);min-height:48px;color:var(--btn-color);font:inherit;letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-size:15px;font-weight:500;transition:transform .12s,background .16s,border-color .16s,box-shadow .2s;display:inline-flex}.web-btn:hover:not(:disabled),.web-btn:focus-visible:not(:disabled){border-color:oklch(90% .14 82/.7);outline:none;box-shadow:0 0 0 2px oklch(90% .14 82/.35),0 0 22px oklch(86% .14 78/.22)}.web-btn:active:not(:disabled){transform:translateY(1px)}.web-btn:disabled{opacity:.4;cursor:not-allowed}.web-btn--primary{--btn-bg:linear-gradient(180deg, oklch(92% .16 84) 0%, oklch(72% .14 70) 100%);--btn-border:oklch(98% .14 84/.6);--btn-color:oklch(15% .05 40);font-weight:600;box-shadow:0 12px 30px -14px oklch(86% .14 78/.7),0 0 40px -10px oklch(86% .14 78/.4)}.web-btn--primary:hover:not(:disabled){background:linear-gradient(oklch(96% .16 84) 0%,oklch(78% .14 70) 100%)}.web-btn--ghost{--btn-bg:transparent;--btn-border:oklch(86% .14 78/.18)}.web-back-btn{top:max(env(safe-area-inset-top), 18px);left:max(env(safe-area-inset-left), 18px);z-index:5;min-height:40px;color:var(--w-gold-soft);font:inherit;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:oklch(8% .03 260/.6);border:1px solid oklch(86% .14 78/.35);border-radius:999px;padding:8px 16px;font-size:13px;transition:border-color .16s,background .16s;position:absolute}.web-back-btn:hover,.web-back-btn:focus-visible{border-color:var(--w-gold);background:oklch(10% .03 260/.85);outline:none}.web-menu-screen{justify-content:center;align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(24px,5vw,60px)}@media (width>=900px){.web-menu-screen{flex-direction:row;justify-content:center}}.web-menu-art{filter:drop-shadow(0 30px 50px oklch(0% 0 0/.55))drop-shadow(0 0 60px oklch(86% .14 78/.15));flex:0 auto;place-items:center;width:min(85vw,380px);max-height:50vh;display:grid}@media (width>=900px){.web-menu-art{width:min(40vw,460px);max-height:78vh}}.web-menu-art img{object-fit:contain;width:100%;height:100%}.web-menu-panel{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(oklch(14% .03 260/.72) 0%,oklch(6% .02 260/.72) 100%);border:1px solid oklch(86% .14 78/.28);border-radius:24px;flex:0 auto;width:min(520px,100%);padding:clamp(24px,3vw,40px);box-shadow:0 30px 80px -30px oklch(0% 0 0/.75),inset 0 0 60px oklch(86% .14 78/.06)}@media (width>=900px){.web-menu-panel{text-align:left}.web-menu-panel .web-ornament{margin-left:0;margin-right:auto}}.web-menu-actions{flex-direction:column;gap:10px;margin-top:24px;display:flex}.web-overlay-screen{justify-content:flex-start;align-items:center;padding-top:clamp(64px,8vw,96px);padding-bottom:clamp(28px,5vw,48px)}.web-overlay-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:linear-gradient(oklch(14% .03 260/.78) 0%,oklch(6% .02 260/.82) 100%);border:1px solid oklch(86% .14 78/.28);border-radius:24px;width:min(720px,100%);padding:clamp(24px,3.5vw,44px);position:relative;box-shadow:0 30px 80px -30px oklch(0% 0 0/.75),inset 0 0 60px oklch(86% .14 78/.05)}.web-overlay-panel--wide{width:min(1100px,100%)}.web-overlay-panel .web-tagline{margin-inline:auto}.web-haven-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px;display:grid}@media (width>=520px){.web-haven-grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media (width>=800px){.web-haven-grid{grid-template-columns:repeat(5,1fr)}}@media (width>=1100px){.web-haven-grid{grid-template-columns:repeat(8,1fr)}}.web-haven-tile{aspect-ratio:1;color:var(--w-ivory);cursor:pointer;font:inherit;background:radial-gradient(120% 90% at 50% -10%,oklch(30% .06 265/.9),#0000 60%),linear-gradient(oklch(20% .04 268/.85) 0%,oklch(9% .03 260/.85) 100%);border:1px solid oklch(86% .14 78/.22);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px;transition:transform .14s,border-color .14s,box-shadow .2s;display:flex}.web-haven-tile:hover:not(:disabled),.web-haven-tile:focus-visible:not(:disabled){border-color:oklch(90% .14 82/.7);outline:none;transform:translateY(-2px);box-shadow:0 20px 40px -22px oklch(86% .14 78/.5)}.web-haven-tile .idx{letter-spacing:.24em;text-transform:uppercase;color:var(--w-muted);font-size:10px}.web-haven-tile .name{color:var(--w-gold-soft);font-family:Cormorant Garamond,Georgia,serif;font-size:26px;font-weight:600;line-height:1}.web-haven-tile .meta{color:var(--w-muted);letter-spacing:.14em;text-transform:uppercase;font-size:10px}.web-haven-tile.locked{opacity:.45;cursor:not-allowed}.web-haven-tile.locked .name{color:var(--w-muted)}.web-play-screen{padding:max(env(safe-area-inset-top), 14px) max(env(safe-area-inset-right), 14px) max(env(safe-area-inset-bottom), 14px) max(env(safe-area-inset-left), 14px);gap:12px}.web-hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(oklch(14% .03 260/.6) 0%,oklch(6% .02 260/.55) 100%);border:1px solid oklch(86% .14 78/.22);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;width:min(1100px,100%);margin:0 auto;padding:10px 16px;display:flex}.web-hud-info{flex-wrap:wrap;align-items:baseline;gap:6px 18px;display:flex}.web-hud-info>div{flex-direction:column;align-items:flex-start;line-height:1;display:flex}.web-hud-info .label{letter-spacing:.22em;text-transform:uppercase;color:var(--w-muted);font-size:9px}.web-hud-info .value{color:var(--w-gold-soft);font-family:Cormorant Garamond,Georgia,serif;font-size:22px}.web-hud-actions{flex-wrap:wrap;gap:6px;display:flex}.web-hud-btn{min-height:36px;color:var(--w-ivory);font:inherit;letter-spacing:.06em;cursor:pointer;background:oklch(8% .03 260/.55);border:1px solid oklch(86% .14 78/.32);border-radius:999px;padding:6px 12px;font-size:12px;transition:border-color .14s,background .14s}.web-hud-btn:hover:not(:disabled),.web-hud-btn:focus-visible:not(:disabled){border-color:var(--w-gold);background:oklch(10% .03 260/.75);outline:none}.web-hud-btn:disabled{opacity:.4;cursor:not-allowed}.web-play-stage{flex-direction:column;flex:1;justify-content:center;align-items:stretch;width:min(1200px,100%);margin:0 auto;padding:clamp(8px,2vw,24px);display:flex}.web-play-status{color:var(--w-parchment);text-align:center;letter-spacing:.01em;text-shadow:0 2px 6px oklch(0% 0 0/.6);min-height:1.4em;margin:0 0 clamp(12px,2vw,22px);font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(16px,2vw,22px)}.web-play-board{grid-template-columns:repeat(var(--jars-per-row,5), minmax(0, 1fr));place-items:end center;gap:clamp(10px,2vw,20px);display:grid}@media (width<=640px){.web-play-board[data-count="6"],.web-play-board[data-count="7"],.web-play-board[data-count="8"]{grid-template-columns:repeat(4,minmax(0,1fr))}}.web-totem{--stone-gap:3px;aspect-ratio:.56;cursor:pointer;width:100%;max-width:160px;color:inherit;isolation:isolate;background:0 0;border:none;padding:0;transition:transform .22s cubic-bezier(.4,.1,.3,1),filter .2s;position:relative}.web-totem:disabled{cursor:default}.web-totem:hover:not(:disabled){transform:translateY(-4px)}.web-totem[data-selected=true]{filter:drop-shadow(0 0 18px oklch(94% .16 84/.65));transform:translateY(-6px)}.web-totem-sprite{object-fit:contain;pointer-events:none;filter:drop-shadow(0 6px 14px oklch(0% 0 0/.55));z-index:1;width:100%;height:100%;position:absolute;inset:0}.web-totem-glow{pointer-events:none;opacity:0;z-index:0;background:radial-gradient(closest-side,oklch(94% .17 84/.85),oklch(86% .14 78/.3) 55%,#0000 80%);border-radius:22px;transition:opacity .24s,background .24s;position:absolute;inset:-8% -12%}.web-totem[data-selected=true] .web-totem-glow{opacity:1;animation:1.6s ease-in-out infinite web-totem-pulse}.web-totem:hover:not(:disabled) .web-totem-glow{opacity:.6}@keyframes web-totem-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.web-totem-hint-ring{pointer-events:none;z-index:4;border:2px solid;border-radius:18px;position:absolute;inset:-6%}.web-totem-sigil{aspect-ratio:1;pointer-events:none;z-index:3;place-items:center;width:18%;font-size:clamp(11px,1.3vw,16px);display:grid;position:absolute;top:5%;left:50%;transform:translate(-50%)}.web-totem-slots{gap:var(--stone-gap);z-index:2;pointer-events:none;flex-direction:column-reverse;display:flex;position:absolute;inset:20% 42% 28%}.web-stone-empty{flex:1}.web-hue-stone{aspect-ratio:1;color:oklch(100% 0 0/.98);text-shadow:0 1px 1px oklch(0% 0 0/.7),0 0 4px oklch(0% 0 0/.5);border-radius:999px;flex:1;align-self:center;place-items:center;width:auto;max-width:100%;font-size:clamp(11px,1.3vw,15px);line-height:1;display:grid}.web-totem[data-invalid=true]{animation:.38s ease-in-out web-shake}@keyframes web-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.web-modal-scrim{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:oklch(5% .02 260/.62);place-items:center;padding:20px;animation:.2s web-fade-in;display:grid;position:fixed;inset:0}@keyframes web-fade-in{0%{opacity:0}to{opacity:1}}.web-modal{width:min(540px,100%);color:var(--w-ivory);text-align:center;background:linear-gradient(oklch(16% .04 265/.96) 0%,oklch(8% .03 260/.98) 100%);border:1px solid oklch(86% .14 78/.4);border-radius:24px;padding:clamp(28px,4vw,44px);position:relative;box-shadow:0 30px 80px -20px oklch(0% 0 0/.85),inset 0 0 60px oklch(86% .14 78/.06)}.web-modal h2{color:var(--w-gold-soft);text-shadow:0 0 30px oklch(86% .14 78/.4);margin:0 0 8px;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(30px,4vw,44px);font-weight:600}.web-modal .rating{color:var(--w-gold);letter-spacing:.05em;margin-bottom:8px;font-family:Cormorant Garamond,Georgia,serif;font-size:22px}.web-modal .stat-row{flex-wrap:wrap;justify-content:center;gap:32px;margin:20px 0 24px;display:flex}.web-modal .stat{flex-direction:column;align-items:center;display:flex}.web-modal .stat .label{letter-spacing:.24em;text-transform:uppercase;color:var(--w-muted);font-size:10px}.web-modal .stat .value{color:var(--w-ivory);font-family:Cormorant Garamond,Georgia,serif;font-size:30px}.web-modal .actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.web-settings-row{text-align:left;background:linear-gradient(oklch(20% .04 268/.5) 0%,oklch(8% .03 260/.5) 100%);border:1px solid oklch(86% .14 78/.18);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-top:12px;padding:16px 20px;display:flex}.web-settings-row .label{color:var(--w-gold-soft);font-family:Cormorant Garamond,Georgia,serif;font-size:22px}.web-settings-row .desc{color:var(--w-parchment);opacity:.85;margin-top:2px;font-size:13px}.web-toggle{cursor:pointer;background:oklch(100% 0 0/.06);border:1px solid oklch(86% .14 78/.35);border-radius:999px;flex-shrink:0;width:56px;height:32px;transition:background .16s,border-color .16s;position:relative}.web-toggle:after{content:"";background:var(--w-ivory);border-radius:50%;width:24px;height:24px;transition:transform .18s cubic-bezier(.2,.7,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 4px oklch(0% 0 0/.4)}.web-toggle[data-on=true]{background:linear-gradient(oklch(92% .16 84) 0%,oklch(72% .14 70) 100%);border-color:oklch(98% .14 84/.7)}.web-toggle[data-on=true]:after{background:oklch(15% .05 40);transform:translate(24px)}.web-howto-grid{text-align:left;grid-template-columns:1fr;gap:14px;margin-top:24px;display:grid}@media (width>=720px){.web-howto-grid{grid-template-columns:repeat(2,1fr)}}.web-howto-step{background:linear-gradient(oklch(20% .04 268/.55) 0%,oklch(8% .03 260/.55) 100%);border:1px solid oklch(86% .14 78/.22);border-radius:18px;padding:20px;position:relative}.web-howto-step .num{width:40px;height:40px;color:var(--w-gold-soft);background:linear-gradient(oklch(92% .16 84/.25) 0%,oklch(72% .14 70/.15) 100%);border:1px solid oklch(86% .14 78/.4);border-radius:999px;place-items:center;margin-bottom:12px;font-family:Cormorant Garamond,Georgia,serif;font-size:22px;display:inline-grid}.web-howto-step h3{color:var(--w-gold-soft);margin:0 0 6px;font-family:Cormorant Garamond,Georgia,serif;font-size:22px;font-weight:600}.web-howto-step p{color:var(--w-parchment);margin:0;font-size:14px;line-height:1.55}.web-totem,.web-btn,.web-hud-btn,.web-haven-tile,.web-back-btn{touch-action:manipulation}@media (width<=767px){.web-root{height:100dvh;min-height:100dvh}.web-root[data-screen=menu],.web-root[data-screen=play],.web-root[data-screen=credits]{overflow:hidden}.web-root[data-screen=havens],.web-root[data-screen=how],.web-root[data-screen=settings]{overflow-y:auto}.web-screen{height:100dvh;min-height:100dvh;padding:max(env(safe-area-inset-top), 10px) max(env(safe-area-inset-right), 12px) max(env(safe-area-inset-bottom), 10px) max(env(safe-area-inset-left), 12px)}.web-root[data-screen=havens] .web-screen,.web-root[data-screen=how] .web-screen,.web-root[data-screen=settings] .web-screen{height:auto;min-height:100dvh}.web-menu-screen{padding:max(env(safe-area-inset-top), 14px) 16px max(env(safe-area-inset-bottom), 14px);flex-direction:column;justify-content:flex-start;align-items:center;gap:109px}.web-menu-art{filter:drop-shadow(0 12px 24px oklch(0% 0 0/.55))drop-shadow(0 0 30px oklch(86% .14 78/.15));flex:none;width:min(72vw,240px);height:clamp(140px,26dvh,220px);max-height:26dvh;margin:0}.web-menu-panel{text-align:center;border-radius:20px;width:100%;max-width:460px;padding:14px 16px 16px;box-shadow:0 16px 40px -20px oklch(0% 0 0/.75),inset 0 0 40px oklch(86% .14 78/.05)}.web-menu-panel .web-eyebrow{letter-spacing:.22em;font-size:10px}.web-menu-panel .web-title{font-size:clamp(30px,8vw,42px);line-height:1}.web-menu-panel .web-ornament{margin:6px auto 2px}.web-menu-panel .web-ornament:before,.web-menu-panel .web-ornament:after{width:42px}.web-menu-panel .web-tagline{margin:6px 0 0;font-size:12px;line-height:1.35}.web-menu-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.web-menu-actions>.web-btn{border-radius:12px;min-height:48px;padding:10px 12px;font-size:14px}.web-menu-actions>.web-btn:first-child{grid-column:1/-1;min-height:52px}@media (height<=620px){.web-menu-art{height:clamp(110px,20dvh,160px)}.web-menu-panel{padding:10px 14px 12px}.web-menu-panel .web-title{font-size:26px}.web-menu-panel .web-tagline{display:none}.web-menu-actions>.web-btn{min-height:44px;font-size:13px}.web-menu-actions>.web-btn:first-child{min-height:48px}}.web-overlay-screen{padding-top:60px;padding-bottom:24px}.web-overlay-panel{border-radius:18px;padding:20px 16px}.web-overlay-panel .web-title{font-size:30px}.web-back-btn{top:max(env(safe-area-inset-top), 12px);min-height:36px;padding:6px 12px;font-size:12px;left:12px}.web-root[data-screen=havens] .web-overlay-screen{height:100dvh;min-height:100dvh;padding-top:56px;padding-bottom:16px}.web-root[data-screen=havens] .web-overlay-panel{flex-direction:column;max-height:calc(100dvh - 72px);padding:14px 12px 12px;display:flex}.web-root[data-screen=havens] .web-overlay-panel .web-tagline{display:none}.web-root[data-screen=havens] .web-overlay-panel .web-ornament{margin:4px auto}.web-haven-grid{-webkit-overflow-scrolling:touch;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding-right:4px;overflow-y:auto}.web-haven-tile{border-radius:12px;padding:4px}.web-haven-tile .name{font-size:22px}.web-play-screen{padding:max(env(safe-area-inset-top), 8px) 8px max(env(safe-area-inset-bottom), 8px);grid-template-rows:auto 1fr;gap:6px;display:grid}.web-hud{border-radius:12px;flex-direction:column;align-items:stretch;gap:6px 10px;padding:6px 10px}.web-hud-info{justify-content:space-between;gap:4px 10px}.web-hud-info .label{letter-spacing:.18em;font-size:8px}.web-hud-info .value{font-size:16px}.web-hud-actions{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;display:grid}.web-hud-btn{letter-spacing:.02em;border-radius:10px;min-height:40px;padding:4px 6px;font-size:11px}.web-play-stage{flex-direction:column;justify-content:center;min-height:0;padding:4px 2px 2px;display:flex}.web-play-status{min-height:1.2em;margin:0 0 6px;font-size:14px}.web-play-board{--cols:4;flex-wrap:wrap;flex:1;place-content:center;align-items:center;gap:8px 6px;min-height:0;display:flex!important}.web-play-board[data-count="3"]{--cols:3}.web-play-board[data-count="4"]{--cols:2}.web-play-board[data-count="5"],.web-play-board[data-count="6"]{--cols:3}.web-play-board[data-count="7"],.web-play-board[data-count="8"]{--cols:4}.web-play-board[data-count="9"]{--cols:3}.web-play-board[data-count="10"],.web-play-board[data-count="11"],.web-play-board[data-count="12"]{--cols:4}.web-play-board>.web-totem{flex:0 0 calc((100% - (var(--cols) - 1) * 6px) / var(--cols));max-width:calc((100% - (var(--cols) - 1) * 6px) / var(--cols));aspect-ratio:.56;min-width:56px}.web-play-board>.web-totem .web-totem-sigil,.web-play-board>.web-totem .web-hue-stone{font-size:10px}.web-modal-scrim{padding:12px}.web-modal{border-radius:20px;max-height:92dvh;padding:20px 16px;overflow-y:auto}.web-modal h2{font-size:26px}.web-modal .rating{font-size:18px}.web-modal .stat-row{gap:18px;margin:12px 0 16px}.web-modal .stat .value{font-size:24px}.web-modal .actions{gap:8px}.web-modal .actions .web-btn{flex:45%;min-height:44px;padding:8px 14px;font-size:13px}.web-settings-row{gap:12px;padding:12px 14px}.web-settings-row .label{font-size:18px}.web-settings-row .desc{font-size:12px}.web-howto-grid{grid-template-columns:1fr;gap:10px;margin-top:16px}.web-howto-step{padding:14px}.web-howto-step h3{font-size:18px}.web-howto-step p{font-size:13px}}@media (width<=900px) and (orientation:landscape) and (height<=500px){.web-menu-screen{flex-direction:row;gap:16px}.web-menu-art{width:auto;max-width:40vw;height:80dvh}.web-menu-panel{flex:1;max-width:420px}.web-play-board[data-count="3"]{--cols:3}.web-play-board[data-count="4"]{--cols:4}.web-play-board[data-count="5"]{--cols:5}.web-play-board[data-count="6"]{--cols:6}.web-play-board[data-count="7"]{--cols:7}.web-play-board[data-count="8"]{--cols:8}.web-play-board[data-count="9"],.web-play-board[data-count="10"]{--cols:5}}.web-totem:focus-visible{outline:none}.web-totem:focus-visible .web-totem-glow{opacity:1;background:radial-gradient(closest-side,oklch(96% .17 84/.95),oklch(86% .14 78/.35) 55%,#0000 82%)}.web-totem:focus-visible:after{content:"";pointer-events:none;z-index:5;border:2px solid oklch(94% .16 84/.9);border-radius:18px;position:absolute;inset:-6%;box-shadow:0 0 18px oklch(86% .14 78/.55)}