:root{color-scheme:light;font-family:Avenir Next,Hiragino Sans,Yu Gothic,sans-serif;background:linear-gradient(180deg,#61ccff,#98dfff 48%,#ffd6b5)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:linear-gradient(180deg,#61ccff,#98dfff 48%,#ffd6b5);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{min-height:100dvh;overflow:hidden}canvas,#app,.app-shell,.arena-layer,.arena-stage,.ui-layer,.gamepad-layer,.virtual-gamepad-layer{touch-action:manipulation}#app,.ui-layer{width:100%;height:100%;min-height:100dvh}#app{display:grid;place-items:center;overflow:hidden}.app-shell{position:relative;overflow:hidden;isolation:isolate;width:100vw;height:100dvh}.app-shell.is-arena{background:radial-gradient(circle at 50% 14%,#ff53ad6b,#ff53ad00 22%),radial-gradient(circle at 82% 8%,#00ddff57,#0df0 20%),linear-gradient(180deg,#5db8ff,#74d3ff 34%,#ff8d80 74%,#ffbf67)}.app-shell.is-arena:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 16% 72%,#ff5a7d42,#ff5a7d00 22%),radial-gradient(circle at 86% 70%,#00c4ff38,#00c4ff00 24%)}.arena-layer,.arena-stage,.ui-layer{position:absolute;top:0;right:0;bottom:0;left:0}.arena-layer,.arena-stage,.arena-layer canvas,.ui-layer canvas{width:100%;height:100%;display:block}.arena-layer{pointer-events:none;opacity:0;transition:opacity .18s ease}.app-shell.is-arena .arena-layer{opacity:1}.arena-loading-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;background:#000;color:#ffffffd1;font-size:1rem;letter-spacing:.08em;pointer-events:none}.ui-layer{z-index:2}.gamepad-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.virtual-gamepad-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .14s ease}.virtual-gamepad-layer.is-visible{opacity:1}.virtual-gamepad-layer:not(.is-visible) .virtual-gamepad__surface{pointer-events:none}.virtual-gamepad{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 36px);width:clamp(120px,26vw,172px);aspect-ratio:1;pointer-events:none}.virtual-gamepad--left{left:clamp(20px,5vw,44px)}.virtual-gamepad--right{right:clamp(20px,5vw,44px)}.virtual-gamepad__surface{position:relative;width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff0a,0 10px 28px #101b341f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;--pad-offset-x: 0px;--pad-offset-y: 0px}.virtual-gamepad__inner{position:absolute;top:50%;left:50%;width:50%;height:50%;border-radius:50%;background:#ffffff8f;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #ffffff3d,0 6px 18px #ffffff24;transform:translate(calc(-50% + var(--pad-offset-x)),calc(-50% + var(--pad-offset-y)));transition:transform .12s ease,opacity .12s ease,background-color .12s ease}.virtual-gamepad.is-active .virtual-gamepad__surface{background:#ffffff24}.virtual-gamepad.is-active .virtual-gamepad__inner{background:#ffffffb8;transition:none}.virtual-gamepad[data-mode=tap] .virtual-gamepad__inner{width:48%;height:48%}.virtual-gamepad.is-disabled{opacity:.28}.fatal-screen{min-height:100dvh;display:grid;place-items:center;gap:.75rem;padding:2rem;text-align:center;background:linear-gradient(180deg,#61ccff,#98dfff 48%,#ffd6b5);color:#5b365b}.fatal-screen h1,.fatal-screen p{margin:0}.fatal-eyebrow{font-size:.9rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.dom-ui-root{--font-display: "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;--font-body: "Avenir Next", "Hiragino Sans", "Yu Gothic", sans-serif;--heading-fill: #ffffff;--heading-stroke: rgba(38, 46, 92, .92);--heading-shadow: rgba(20, 28, 64, .42);--chip-from: rgba(86, 122, 255, .96);--chip-to: rgba(58, 92, 220, .96);--panel-fill: rgba(14, 24, 62, .62);--panel-stroke: rgba(255, 255, 255, .22);--tile-radius: 18px;--tile-border: rgba(255, 255, 255, .32);--tile-border-selected: rgba(255, 233, 128, .98);--tile-banner: linear-gradient(180deg, rgba(10, 16, 40, 0) 0%, rgba(8, 12, 32, .82) 100%);--btn-pink: linear-gradient(180deg, #ff9ac6 0%, #ff5fa0 100%);--btn-blue: linear-gradient(180deg, #74c4ff 0%, #3d8bff 100%);--btn-green: linear-gradient(180deg, #9ce47f 0%, #46c45a 100%);--btn-orange: linear-gradient(180deg, #ffd36b 0%, #ffab3d 100%);position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;overflow:hidden;touch-action:manipulation;font-family:var(--font-body);color:#fff;pointer-events:none}.dom-screen,.dom-overlay{pointer-events:auto}.dom-ui-root.is-hidden{display:none}.dom-ui-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-position:center;background-repeat:no-repeat;background-size:cover;pointer-events:none}.dom-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 18px) calc(env(safe-area-inset-right,0px) + 16px) calc(env(safe-area-inset-bottom,0px) + 16px) calc(env(safe-area-inset-left,0px) + 16px)}.dom-heading{margin:0;font-family:var(--font-display);font-weight:900;color:var(--heading-fill);text-shadow:0 2px 0 var(--heading-stroke),0 3px 10px var(--heading-shadow);letter-spacing:.02em;text-align:center}.dom-subtext{margin:0;font-family:var(--font-body);font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(91,60,116,.92);text-align:center}.dom-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;margin:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-display);font-weight:900;color:#fff;white-space:nowrap;text-shadow:0 2px 0 rgba(20,24,38,.96),0 1px 2px rgba(0,0,0,.3);border-radius:20px;padding:14px 22px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;box-shadow:inset 0 2px #ffffff80,inset 0 -4px #0000002e,0 6px 14px #10183c52;transition:transform 90ms ease,filter 90ms ease}.dom-btn:active{transform:translateY(2px) scale(.985);filter:brightness(.94)}.dom-btn:disabled{cursor:default;filter:grayscale(.6) brightness(.85);opacity:.7}.dom-invite__waiting{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:88px;padding:0 20px;border-radius:22px;color:#fff;font-family:var(--font-display, inherit);font-weight:900;font-size:26px;letter-spacing:.04em;background:#5a6cd6;box-shadow:0 8px 22px #2834784d,inset 0 2px #ffffff40;animation:dom-invite-glow 1.8s ease-in-out infinite}.dom-invite__waiting-text{display:inline-flex}.dom-invite__waiting-char{display:inline-block;text-shadow:0 2px 0 rgba(120,70,120,.35);animation:dom-invite-wave 1.1s ease-in-out infinite}.dom-invite__waiting-dots{display:inline-flex;align-items:flex-end;gap:5px;margin-left:4px;margin-bottom:4px}.dom-invite__waiting-dot{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 2px #7846784d;animation:dom-invite-bounce .9s ease-in-out infinite}@keyframes dom-invite-wave{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-9px)}}@keyframes dom-invite-bounce{0%,80%,to{transform:translateY(0);opacity:.7}40%{transform:translateY(-10px);opacity:1}}@keyframes dom-invite-glow{0%,to{box-shadow:0 8px 22px #2834784d,inset 0 2px #ffffff40}50%{box-shadow:0 10px 30px #465ac86b,inset 0 2px #ffffff59}}@media(prefers-reduced-motion:reduce){.dom-invite__waiting,.dom-invite__waiting-char,.dom-invite__waiting-dot{animation:none}}.dom-btn--pink{background:var(--btn-pink)}.dom-btn--blue{background:var(--btn-blue)}.dom-btn--green{background:var(--btn-green)}.dom-btn--orange{background:var(--btn-orange);color:#fff}.dom-btn--lg{font-size:clamp(22px,6.4vw,30px);padding:18px 24px}.dom-btn--md{font-size:clamp(18px,5vw,22px)}.dom-btn--sm{font-size:clamp(14px,4vw,17px);padding:10px 16px;border-radius:16px}.dom-btn--block{width:100%}.dom-title{align-items:center;justify-content:flex-end;gap:22px}.dom-title__logo{flex:1 1 auto;width:min(86vw,420px);max-height:46dvh;margin-top:6dvh;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(16,24,60,.4));pointer-events:none}.dom-title__actions{width:min(86vw,360px);display:flex;flex-direction:column;gap:14px;align-items:stretch}.dom-title__footer{width:min(86vw,360px);display:flex;align-items:center;justify-content:space-between;margin-top:8px;margin-bottom:4px}.dom-toolbar{display:flex;flex-direction:row;gap:10px;align-items:center}.dom-icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff3d;cursor:pointer;touch-action:manipulation;box-shadow:0 4px 10px #10183c3d}.dom-icon-btn img{width:22px;height:22px;object-fit:contain;pointer-events:none}.dom-mute-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:56px;height:56px;border-radius:50%;border:2px solid rgba(255,255,255,.8);background:#ffffff57;line-height:1;cursor:pointer;touch-action:manipulation;display:inline-flex;align-items:center;justify-content:center}.dom-mute-btn__icon{width:24px;height:24px;object-fit:contain;pointer-events:none}.dom-mute-btn.is-muted{background:#141a3c80}.dom-mute-btn.is-muted .dom-mute-btn__icon{opacity:.45}.dom-mute-btn.is-muted:after{content:"";position:absolute;left:50%;top:50%;width:38px;height:3px;border-radius:2px;background:#ff7878f2;box-shadow:0 0 0 1.5px #141a3c99;transform:translate(-50%,-50%) rotate(-45deg);pointer-events:none}.dom-select{gap:12px}.dom-select__top{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto}.dom-select__top>.dom-btn{flex:0 0 auto}.dom-select__title-group{flex:1 1 auto;text-align:center}.dom-select__title{font-size:clamp(26px,8vw,38px)}.dom-select__subtitle{font-size:clamp(12px,3.4vw,15px);margin-top:2px}.dom-select__top-spacer{flex:0 0 64px}.dom-select__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;flex-direction:column;gap:18px;padding:4px 2px 16px;touch-action:pan-y}.dom-section{display:flex;flex-direction:column;gap:10px}.dom-section__chip{align-self:flex-start;font-family:var(--font-display);font-weight:900;font-size:clamp(15px,4.4vw,19px);color:#fff;text-shadow:0 1px 2px rgba(28,40,96,.6);padding:7px 16px;border-radius:16px;background:linear-gradient(180deg,var(--chip-from) 0%,var(--chip-to) 100%);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 10px #10183c66}.dom-grid-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;border-radius:22px;background:var(--panel-fill);border:2px solid var(--panel-stroke)}.dom-recent-panel{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:10px;border-radius:20px;background:var(--panel-fill);border:2px solid var(--panel-stroke)}.dom-tile{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:0;aspect-ratio:1 / 1;border-radius:var(--tile-radius);overflow:hidden;cursor:pointer;background:#080c2059;box-shadow:0 4px 12px #0c122e73;touch-action:pan-y}.dom-tile--recent{aspect-ratio:1 / 1.05}.dom-tile__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.dom-tile__banner{position:absolute;left:0;right:0;bottom:0;padding:18px 6px 6px;display:flex;align-items:flex-end;justify-content:center;background:var(--tile-banner);pointer-events:none}.dom-tile__title{font-family:var(--font-display);font-weight:900;font-size:clamp(10px,3vw,13px);line-height:1.1;color:#fff;text-align:center;text-shadow:0 1px 3px rgba(8,12,32,.86),0 0 4px rgba(0,0,0,.5)}.dom-tile--recent .dom-tile__title{font-size:clamp(8px,2.4vw,11px)}.dom-tile__border{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--tile-radius);border:2px solid var(--tile-border);pointer-events:none}.dom-tile.is-selected .dom-tile__border{border:3px solid var(--tile-border-selected);box-shadow:0 0 16px #ffd55cd9}.dom-tile.is-selected{box-shadow:0 0 18px #ffd55c99}.dom-tile.is-locked .dom-tile__art{opacity:.5}.dom-tile__lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:clamp(12px,3.4vw,15px);color:#ffe6a3;text-shadow:0 1px 3px rgba(20,16,40,.92);pointer-events:none}.dom-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f173875;backdrop-filter:blur(10px) brightness(.82);-webkit-backdrop-filter:blur(10px) brightness(.82)}.dom-dialog{width:min(90vw,380px);max-height:86dvh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:14px;padding:26px 22px 24px;border-radius:28px;background:linear-gradient(180deg,#fff,#f3f7ff);border:4px solid rgba(255,255,255,.9);box-shadow:0 18px 40px #10183c6b,inset 0 2px #ffffffe6}.dom-dialog__art{width:96px;height:96px;border-radius:18px;object-fit:contain;padding:8px;background:linear-gradient(180deg,#d6f6fff5,#a7deffe6);border:2px solid rgba(255,255,255,.94);box-shadow:0 6px 14px #6496cd3d}.dom-dialog__title{font-size:clamp(24px,7vw,32px);color:#2c2358;text-shadow:none}.dom-dialog__outcome{margin:0;font-family:var(--font-display);font-weight:900;font-size:clamp(28px,8vw,40px);color:#ff5fa0;text-shadow:0 0 6px #ffffff,0 2px 4px rgba(255,255,255,.9);text-align:center}.dom-dialog__detail{margin:0;font-family:var(--font-body);font-weight:700;font-size:clamp(13px,3.8vw,16px);color:#5b3c74;text-align:center;text-shadow:none;line-height:1.35}.dom-dialog__actions{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:4px}.dom-toast{position:absolute;z-index:60;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);transform:translate(-50%);max-width:80vw;padding:12px 22px;border-radius:18px;background:linear-gradient(180deg,#ffe07a,#ffc24d);color:#7c5635;font-family:var(--font-body);font-weight:800;font-size:clamp(14px,4vw,17px);text-align:center;box-shadow:0 8px 20px #7c563552;pointer-events:none}.dom-validation{margin:0;font-family:var(--font-body);font-weight:800;font-size:clamp(13px,3.6vw,15px);color:#ff4d6d;text-align:center;text-shadow:0 1px 2px rgba(255,255,255,.9)}.dom-name-field{width:100%}.dom-name-field__input{width:100%;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid rgba(101,138,230,.7);border-radius:18px;padding:14px 18px;font-family:var(--font-body);font-weight:800;font-size:clamp(16px,5vw,20px);color:#2c2358;background:#fff;text-align:center;box-shadow:inset 0 2px 6px #283c782e;outline:none}.dom-name-field__input::placeholder{color:#9aa6c8;font-weight:700}.dom-name-field__input:focus{border-color:#567afff2;box-shadow:inset 0 2px 6px #283c7833,0 0 0 3px #74c4ff66}.dom-info-badge{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;border-radius:16px;background:#111c4880;border:1px solid rgba(255,255,255,.22)}.dom-info-badge__label{font-family:var(--font-body);font-weight:700;font-size:clamp(10px,2.8vw,12px);color:#cedcffeb}.dom-info-badge__value{font-family:var(--font-display);font-weight:900;font-size:clamp(16px,5vw,22px);color:#fff;letter-spacing:.04em;text-shadow:0 1px 3px rgba(12,18,46,.6)}.dom-dialog--detail{align-items:stretch;gap:12px}.dom-dialog--detail .dom-dialog__art,.dom-dialog--detail .dom-dialog__title,.dom-dialog--detail .dom-dialog__detail{align-self:center}.dom-dialog__head{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.dom-dialog__id{font-family:var(--font-body);font-weight:700;font-size:clamp(11px,3vw,13px);color:#fff;padding:6px 12px;border-radius:14px;background:#111c48b3}.dom-ranking{gap:14px}.dom-ranking__top{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto}.dom-ranking__title{flex:1 1 auto;font-size:clamp(30px,9vw,44px)}.dom-ranking__top-spacer{flex:0 0 64px}.dom-ranking__panel{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:26px;background:#121d4e85;border:3px solid rgba(255,255,255,.18)}.dom-ranking__row{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:20px;background:linear-gradient(180deg,#fff,#f1f5ff);box-shadow:0 4px 10px #10183c38}.dom-ranking__row-head{display:flex;flex-direction:row;align-items:baseline;gap:10px}.dom-ranking__rank{font-family:var(--font-display);font-weight:900;font-size:clamp(18px,5.4vw,24px);color:#ffab3d;text-shadow:0 1px 0 rgba(255,255,255,.9)}.dom-ranking__game{flex:1 1 auto;font-family:var(--font-display);font-weight:900;font-size:clamp(16px,5vw,22px);color:#ff5fa0}.dom-ranking__when{font-family:var(--font-body);font-weight:700;font-size:clamp(11px,3vw,13px);color:#9a7180}.dom-ranking__meta{font-family:var(--font-body);font-weight:700;font-size:clamp(13px,3.8vw,16px);color:#6b4f64}.dom-ranking__empty{margin:auto;font-family:var(--font-display);font-weight:900;font-size:clamp(18px,5vw,24px);color:#fff;text-align:center;text-shadow:0 2px 0 var(--heading-stroke)}.dom-invite{align-items:center;justify-content:flex-start}.dom-invite__panel{width:min(92vw,420px);max-height:calc(100dvh - 36px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;flex-direction:column;gap:14px;padding:20px 18px 22px;border-radius:28px;background:linear-gradient(180deg,#fff,#f3f7ff);border:4px solid rgba(255,255,255,.9);box-shadow:0 18px 40px #10183c6b,inset 0 2px #ffffffe6}.dom-invite__top{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.dom-invite__role{font-family:var(--font-body);font-weight:700;font-size:clamp(11px,3vw,13px);color:#fff;padding:6px 12px;border-radius:14px;background:#111c48b8}.dom-invite__header{display:flex;flex-direction:row;align-items:center;gap:12px}.dom-invite__art{width:56px;height:56px;border-radius:14px;object-fit:contain;padding:6px;background:linear-gradient(180deg,#d6f6fff5,#a7deffe6);border:2px solid rgba(255,255,255,.94)}.dom-invite__title{flex:1 1 auto;font-size:clamp(20px,6vw,28px);color:#2c2358;text-shadow:none;text-align:left}.dom-invite__note{color:#5b3c74;text-shadow:none;font-size:clamp(13px,3.8vw,15px);text-align:center}.dom-invite__badges{display:flex;flex-direction:row;gap:10px}.dom-invite__share-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;border-radius:22px;background:#e1ecffb3;border:2px solid rgba(255,255,255,.8)}.dom-invite__share-title{font-family:var(--font-display);font-weight:900;font-size:clamp(16px,4.6vw,20px);color:#365fa7}.dom-invite__share-note{margin:0;font-family:var(--font-body);font-weight:700;font-size:clamp(11px,3.2vw,13px);color:#6a5a8f;text-align:center}.dom-invite__qr{width:168px;height:168px;padding:8px;border-radius:18px;background:#fff;border:2px solid rgba(255,255,255,.94);box-shadow:0 6px 14px #6496cd3d;display:flex;align-items:center;justify-content:center}.dom-invite__qr-img{width:100%;height:100%;object-fit:contain}.dom-invite__qr-placeholder{font-family:var(--font-display);font-weight:900;font-size:40px;color:#34a7ff}.dom-invite__share-actions{width:100%;display:flex;flex-direction:row;gap:10px}.dom-invite__share-actions .dom-btn{flex:1 1 0}.dom-loading{align-items:center;justify-content:center}.dom-loading__panel{width:min(86vw,360px);display:flex;flex-direction:column;align-items:center;gap:20px}.dom-loading__art{width:132px;height:132px;border-radius:22px;object-fit:contain;padding:10px;background:linear-gradient(180deg,#d6f6fff5,#a7deffe6);border:3px solid rgba(255,255,255,.94);box-shadow:0 8px 18px #10183c66}.dom-loading__game{font-size:clamp(26px,8vw,38px)}.dom-loading__title{font-size:clamp(13px,3.8vw,16px)}.dom-loading__bar{position:relative;width:100%;height:46px;border-radius:16px;background:#0e183e9e;border:2px solid rgba(255,255,255,.3);overflow:hidden;box-shadow:inset 0 2px 6px #0000004d}.dom-loading__fill{position:absolute;inset:0 auto 0 0;height:100%;border-radius:14px;background:linear-gradient(180deg,#9ce47f,#46c45a);transition:width .16s ease}.dom-loading__percent{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:clamp(20px,6vw,28px);color:#fff;text-shadow:0 2px 0 rgba(20,22,58,.82)}.dom-placeholder{align-items:center;justify-content:center;gap:18px}.dom-placeholder__text{font-family:var(--font-display);font-weight:900;font-size:clamp(20px,6vw,28px);color:#fff;text-shadow:0 2px 0 var(--heading-stroke),0 3px 10px var(--heading-shadow)}.dom-overlay--rules{background:#0f173885}.dom-rules{gap:12px;text-align:center}.dom-rules__eyebrow{margin:0;font-family:var(--font-display);font-weight:900;font-size:clamp(13px,3.6vw,15px);letter-spacing:.16em;color:#ff5fa0;text-shadow:none}.dom-rules__body{width:100%;display:flex;flex-direction:column;gap:8px}.dom-rules__line{margin:0;font-family:var(--font-body);font-weight:700;font-size:clamp(13px,3.8vw,16px);line-height:1.5;color:#4a3a6b;text-align:left}.dom-rules__controls{width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#d6f6ffe6,#c7e2ffdb);border:2px solid rgba(120,160,245,.4)}.dom-rules__controls-title{font-family:var(--font-display);font-weight:900;font-size:clamp(13px,3.6vw,15px);letter-spacing:.1em;color:#2f5bd0;text-align:left}.dom-rules__control{margin:0;font-family:var(--font-body);font-weight:800;font-size:clamp(14px,4vw,17px);color:#2c2358;text-align:left}.dom-rules__start{margin-top:4px}.dom-presence-host{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:55}.dom-presence{position:absolute;top:calc(env(safe-area-inset-top,0px) + 14px);right:calc(env(safe-area-inset-right,0px) + 14px);display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:linear-gradient(180deg,#14204aeb,#0d1638eb);color:#f4f8ff;font-family:var(--font-body);font-weight:800;font-size:clamp(12px,3.4vw,15px);box-shadow:0 6px 16px #080e2866;pointer-events:none}.dom-presence__dot{width:11px;height:11px;border-radius:50%;background:#34e07a;box-shadow:0 0 0 3px #34e07a47;animation:dom-presence-pulse 1.6s ease-in-out infinite}.dom-presence.is-offline{opacity:.72}.dom-presence.is-offline .dom-presence__dot{background:#8c97b5;box-shadow:none;animation:none}@keyframes dom-presence-pulse{0%,to{box-shadow:0 0 0 3px #34e07a47}50%{box-shadow:0 0 0 6px #34e07a1f}}.dom-language-host{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40}.dom-lang-btn{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:999px;background:#ffffffeb;color:#2a2f45;font-family:var(--font-display);font-weight:800;font-size:clamp(12px,3.4vw,15px);white-space:nowrap;cursor:pointer;pointer-events:auto;box-shadow:0 4px 12px #10183c38;-webkit-user-select:none;user-select:none}.dom-lang-btn__caret{font-size:.8em;opacity:.7}.dom-lang-menu-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#1014268c;pointer-events:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dom-lang-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(420px,100%);max-height:80%;overflow-y:auto;padding:16px;border-radius:22px;background:#fff;box-shadow:0 18px 50px #10183c66}.dom-lang-menu__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid transparent;border-radius:14px;padding:14px 12px;background:#f1f3fb;color:#2a2f45;font-family:var(--font-display);font-weight:800;font-size:clamp(14px,4vw,17px);cursor:pointer;transition:transform 90ms ease,background-color 90ms ease}.dom-lang-menu__item:active{transform:translateY(1px) scale(.99)}.dom-lang-menu__item.is-active{border-color:var(--btn-pink, #ff5d8f);background:#ffeaf1}