html{-webkit-text-size-adjust:100%;text-size-adjust:100%;height:100%}html,body{width:100%;min-height:100%;min-height:100dvh}body{width:100%;min-height:100dvh;align-items:stretch;justify-content:flex-start;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}gt-shell{flex:1 1 auto;width:100%;max-width:100%;min-height:0;box-sizing:border-box}gt-shell .shell-body{flex:1 1 auto;width:100%;max-width:100%;box-sizing:border-box}#lobby-grid{width:100%;max-width:min(420px,100%);box-sizing:border-box}.game-root{width:100%;max-width:100%;box-sizing:border-box}.privacy-content{width:100%;max-width:min(640px,100%);box-sizing:border-box}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e2a4a,#0f1730);font-family:Hiragino Kaku Gothic ProN,Segoe UI,sans-serif;color:#eee;padding:8px}h1{margin:0 0 8px;font-size:1.6em;letter-spacing:.1em;text-shadow:0 0 10px rgba(255,255,255,.3)}#info{display:flex;gap:24px;margin-bottom:10px;font-size:1.05em}#info span{font-weight:700;color:#ffd966}#board{display:grid;gap:3px;background:#0a0f24;padding:6px;border-radius:10px;box-shadow:0 0 25px #00000080,inset 0 0 10px #ffffff0d}.cell{border-radius:6px;cursor:pointer;transition:transform .08s ease;display:flex;align-items:center;justify-content:center;line-height:1;overflow:hidden}.cell.empty{background:transparent!important;box-shadow:none;cursor:default}.cell.hover{transform:scale(1.15);z-index:2}.cell.pop{animation:pop .25s ease forwards}@keyframes pop{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}#controls{margin-top:14px;display:flex;gap:10px}button{background:#3a4a7a;color:#fff;border:none;padding:8px 18px;border-radius:8px;font-size:1em;cursor:pointer;transition:background .15s}button:hover{background:#4f63a3}#message{margin-top:10px;font-size:1.2em;font-weight:700;min-height:1.4em;color:#ffd966}#cutin-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:999;overflow:hidden}.cutin{display:flex;align-items:flex-end;gap:10px;transform:translate(-120vw) rotate(-4deg);animation:cutinMove 1.1s cubic-bezier(.2,.8,.2,1) forwards}@keyframes cutinMove{0%{transform:translate(-120vw) rotate(-4deg);opacity:0}12%{opacity:1}20%{transform:translate(0) rotate(-2deg)}75%{transform:translate(0) rotate(-2deg);opacity:1}to{transform:translate(120vw) rotate(2deg);opacity:0}}.zundamon{width:110px;height:110px;flex-shrink:0;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.speech{background:#fff;color:#1e2a4a;font-weight:700;padding:10px 16px;border-radius:16px;border:3px solid #2e7d32;font-size:1.3em;position:relative;white-space:nowrap;box-shadow:0 6px 14px #0006}.speech:after{content:"";position:absolute;left:-14px;bottom:14px;border-width:8px 14px 8px 0;border-style:solid;border-color:transparent #2e7d32 transparent transparent}#pointsBar{background:linear-gradient(135deg,#ffd966,#ffb347);color:#1e2a4a;font-weight:700;font-size:1.1em;padding:8px 20px;border-radius:999px;margin-bottom:12px;box-shadow:0 4px 10px #0006}#pointsBar.bump{animation:pointsBump .4s ease}@keyframes pointsBump{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}.backBtn{background:#5a3a3a;margin-bottom:10px}.backBtn:hover{background:#784f4f}#moleBoard{display:grid;grid-template-columns:repeat(3,90px);gap:10px;margin-top:6px}.hole{width:90px;height:90px;background:#3b2a1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:50px;cursor:pointer;overflow:hidden;box-shadow:inset 0 6px 10px #00000080}.hole .mole{transform:translateY(110%);transition:transform .12s ease}.hole.up .mole{transform:translateY(0)}#memoryBoard{display:grid;gap:8px;margin-top:6px}.mcard{border-radius:10px;background:#2a3a66;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 -3px 4px #0000004d;transition:transform .15s ease}.mcard.flipped,.mcard.matched{background:#fff3e0;color:#1e2a4a}.mcard.matched{opacity:.55;cursor:default}#tetCanvas{background:#0a0f24;border-radius:10px;box-shadow:0 0 25px #00000080,inset 0 0 10px #ffffff0d;touch-action:none}#tetControls{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:10px}#tetPad{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}#tetPad button{font-size:1.2em;padding:10px 0;width:56px}.padGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:180px}.padGrid button{font-size:1.2em;padding:10px 0}#snUp,#g48Up{grid-column:2}#snLeft,#g48Left{grid-column:1;grid-row:2}#snDown,#g48Down{grid-column:2;grid-row:2}#snRight,#g48Right{grid-column:3;grid-row:2}#snCanvas,#bbCanvas{background:#0a0f24;border-radius:10px;box-shadow:0 0 25px #00000080,inset 0 0 10px #ffffff0d;touch-action:none}.loCell{border-radius:6px;cursor:pointer;transition:background .15s ease}.loCell.on{background:#ffd966;box-shadow:0 0 12px 3px #ffd966b3}.loCell.off{background:#1a2340}.spCell{background:#3a4a7a;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3em;cursor:pointer}.spCell.empty{background:transparent;cursor:default}.g48Cell{border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700}#msBoard{display:grid;gap:2px;background:#0a0f24;padding:6px;border-radius:10px;box-shadow:0 0 25px #00000080,inset 0 0 10px #ffffff0d;margin-top:8px;touch-action:manipulation}.msDiff{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap;justify-content:center}.msDiffBtn{padding:6px 14px;font-size:.9em}.msDiffBtn.active{background:#5a6a9a;box-shadow:0 0 0 2px #ffd966}.msCell{border:none;border-radius:4px;padding:0;font-weight:700;font-size:.95em;line-height:1;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation}.msCell.hidden{background:linear-gradient(145deg,#4a5a8a,#2a3558);box-shadow:inset 0 1px #ffffff26,0 2px 4px #00000059}.msCell.hidden:active{background:linear-gradient(145deg,#3a4a7a,#1a2548);box-shadow:inset 0 2px 4px #0006}.msCell.flagged{background:linear-gradient(145deg,#4a5a8a,#2a3558);box-shadow:inset 0 1px #ffffff26,0 2px 4px #00000059;font-size:.85em}.msCell.revealed{background:#1a2340;box-shadow:inset 0 0 0 1px #ffffff0f;cursor:default}.msCell.revealed.mine{background:#4a2030}.msCell.exploded{background:#8b1a1a;box-shadow:0 0 8px #ff505099}#m3Board{display:grid;gap:3px;background:#0a0f24;padding:6px;border-radius:10px;box-shadow:0 0 25px #00000080,inset 0 0 10px #ffffff0d}.m3Cell{border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:transform .1s ease,box-shadow .1s ease;box-shadow:inset 0 -3px 6px #00000040;user-select:none;-webkit-user-select:none}.m3Cell.selected{transform:scale(1.1);box-shadow:0 0 0 3px #ffd966,inset 0 -3px 6px #00000040;z-index:2}.m3Cell.pop{animation:pop .22s ease forwards}#tttBoard{display:grid;gap:4px;background:#0a0f24;padding:6px;border-radius:10px;box-shadow:0 0 25px #00000080,inset 0 0 10px #ffffff0d}.tttCell{border:none;border-radius:8px;background:#1a2340;font-size:2.4em;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s ease,transform .1s ease;user-select:none;-webkit-user-select:none;touch-action:manipulation}.tttCell.empty:hover:not(:disabled){background:#2a3558;transform:scale(1.04)}.tttCell.player{color:#6ecfff;text-shadow:0 0 12px rgba(110,207,255,.5);cursor:default}.tttCell.ai{color:#ff7a7a;text-shadow:0 0 12px rgba(255,122,122,.5);cursor:default}.tttCell.win{background:#3a4a2a;box-shadow:0 0 0 2px #ffd966,inset 0 0 12px #ffd96640}#revBoard{display:grid;gap:2px;background:#0a0f24;padding:6px;border-radius:10px;box-shadow:0 0 25px #00000080,inset 0 0 10px #ffffff0d}.rcell{background:#1f7a3f;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.rcell.hint:after{content:"";width:30%;height:30%;border-radius:50%;background:#ffffff59}.disc{width:84%;height:84%;border-radius:50%;transition:transform .25s ease,background .25s ease}.disc.black{background:radial-gradient(circle at 35% 30%,#555,#000)}.disc.white{background:radial-gradient(circle at 35% 30%,#fff,#ccc)}.disc.flip{animation:flipDisc .35s ease}@keyframes flipDisc{0%{transform:scaleX(1)}50%{transform:scaleX(0)}to{transform:scaleX(1)}}#pokHand{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;justify-content:center}.pokSection{width:100%;max-width:420px;margin-top:10px}.pokLabel{font-size:.9em;color:#9fb0e0;margin-bottom:4px;text-align:center}.pokHandRow{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.pcard{width:50px;height:72px;background:#fdf6e3;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;box-shadow:0 4px 8px #0006;cursor:pointer;border:3px solid transparent;transition:transform .15s ease,border-color .15s ease;position:relative}.pcard.held{border-color:#ffd966;transform:translateY(-8px)}.pcard .rank{font-size:1.05em}.pcard .suit{font-size:1.3em}.pcard.red{color:#d62828}.pcard.black{color:#1a1a1a}.pcard.back{background:linear-gradient(135deg,#2a3a66,#18223f);border:2px solid #4f63a3}.pcard .heldLabel{position:absolute;bottom:4px;font-size:.6em;color:#b8860b}gt-shell{display:flex;flex-direction:column;align-items:center;width:100%}gt-shell .shell-header{width:100%;display:flex;flex-direction:column;align-items:center}gt-shell .shell-title{margin:0 0 8px;font-size:1.6em;letter-spacing:.1em;text-shadow:0 0 10px rgba(255,255,255,.3)}gt-shell .shell-title--home{display:flex;align-items:center;gap:12px}gt-shell .shell-title-icon{flex-shrink:0;width:48px;height:48px;image-rendering:pixelated}gt-shell .shell-title-text{line-height:1}gt-shell .shell-back{background:#5a3a3a;margin-bottom:10px;align-self:flex-start;color:#fff;border:none;padding:8px 18px;border-radius:8px;font-size:1em;cursor:pointer;text-decoration:none;display:inline-block}gt-shell .shell-back:hover{background:#784f4f}gt-shell .shell-body{width:100%;display:flex;flex-direction:column;align-items:center}gt-shell .shell-footer{width:100%;max-width:420px;margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.85em;color:#9fb0e0}gt-shell .shell-footer-optout{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}gt-shell .shell-footer-optout input{cursor:pointer}gt-shell .shell-footer-link{color:#ffd966;text-decoration:none}gt-shell .shell-footer-link:hover{text-decoration:underline}gt-shell .shell-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px}.game-root{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#0a0f24d1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.game-overlay[hidden]{display:none!important}.game-overlay-panel{width:min(100%,340px);max-height:min(92vh,640px);overflow-y:auto;padding:20px 18px;border-radius:16px;border:2px solid #3a4a7a;background:linear-gradient(160deg,#243055,#151b2e);box-shadow:0 12px 32px #00000073;text-align:center}.game-overlay-kind{display:inline-block;margin-bottom:10px;padding:3px 10px;border-radius:999px;font-size:.72em;font-weight:700;letter-spacing:.08em}.game-overlay-kind.start{background:#2a4a3a;color:#8fffb8}.game-overlay-kind.gameover{background:#4a2a2a;color:#ff9f9f}.game-overlay-kind.result{background:#4a402a;color:#ffd966}.game-overlay-title{margin:0 0 8px;font-size:1.25em;color:#fff}.game-overlay-message{margin:0 0 12px;line-height:1.6;color:#cfd6ee;font-size:.95em;white-space:pre-line}.game-overlay.has-feedback{padding-bottom:140px}.game-feedback-bar{position:fixed;left:0;right:0;bottom:0;z-index:110;padding:10px max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-top:2px solid #3a4a7a;background:linear-gradient(0deg,#151b2e,#1e2740);box-shadow:0 -6px 24px #00000073}.game-feedback-bar[hidden]{display:none!important}.game-feedback-inner{width:min(100%,640px);margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"label stars stars" "comment comment submit" "status status status";gap:6px 10px;align-items:center}.game-feedback-inner .game-overlay-feedback-label{grid-area:label;margin:0;white-space:nowrap;text-align:left}.game-feedback-inner .game-overlay-stars{grid-area:stars;justify-content:flex-start;margin:0}.game-feedback-inner .game-overlay-comment{grid-area:comment;margin:0;min-height:0}.game-feedback-inner .game-overlay-feedback-submit{grid-area:submit;width:auto;margin:0;white-space:nowrap;align-self:stretch}.game-feedback-inner .game-overlay-feedback-status{grid-area:status;margin:0}.game-overlay-feedback{margin:0 0 14px;padding-top:12px;border-top:1px solid #3a4a7a;text-align:left}.game-overlay-feedback-label{margin:0 0 8px;font-size:.9em;color:#aab4d4;text-align:center}.game-overlay-stars{display:flex;justify-content:center;gap:4px;margin-bottom:10px}.game-overlay-star{min-width:0;width:36px;height:36px;padding:0;border:none;background:transparent;color:#4a5568;font-size:1.6em;line-height:1;cursor:pointer}.game-overlay-star.active{color:#ffd966}.game-overlay-star:hover:not(:disabled){transform:scale(1.08)}.game-overlay-comment{box-sizing:border-box;width:100%;margin-bottom:10px;padding:8px 10px;border:1px solid #3a4a7a;border-radius:8px;background:#151b2e;color:#e8ecff;font:inherit;font-size:.9em;resize:vertical}.game-overlay-comment:focus{outline:2px solid #5a6a9a;outline-offset:1px}.game-overlay-comment:disabled{opacity:.6}.game-overlay-feedback-submit{display:block;width:100%;margin-bottom:4px}.game-overlay-feedback-status{margin:0 0 8px;font-size:.85em;text-align:center;color:#aab4d4}.game-overlay-feedback-status.success{color:#8fffb8}.game-overlay-feedback-status.error{color:#ff9f9f}.game-overlay-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.game-overlay-actions button{min-width:120px}.game-overlay-actions button.primary{background:#5a3a3a;font-weight:700}.game-overlay-actions button.primary:hover{background:#784f4f}@media(max-width:480px){.game-overlay.has-feedback{padding-bottom:200px}.game-feedback-inner{grid-template-columns:1fr auto;grid-template-areas:"label label" "stars stars" "comment comment" "status status" "submit submit"}.game-feedback-inner .game-overlay-stars{justify-content:center}.game-feedback-inner .game-overlay-feedback-label{text-align:center}.game-feedback-inner .game-overlay-feedback-submit{width:100%}}