html,body{color:#e8e8ea;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0e1014;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#app{background:#14161c;width:min(100vw,75dvh);position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%)}canvas{touch-action:none;display:block}.overlay{pointer-events:none;position:absolute;inset:0}.hud{top:calc(env(safe-area-inset-top) + 12px);text-shadow:0 1px 3px #000;justify-content:space-between;font-size:20px;font-weight:600;display:flex;position:absolute;left:16px;right:16px}.banner{top:calc(env(safe-area-inset-top) + 56px);text-align:center;text-shadow:0 2px 8px #000000b3;pointer-events:none;font-size:34px;font-weight:800;position:absolute;left:16px;right:16px}[hidden]{display:none!important}.panel{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 16px);pointer-events:auto;max-height:calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 72px);overscroll-behavior:contain;box-sizing:border-box;background:#14161ceb;border-radius:16px;padding:20px;position:absolute;overflow-y:auto;box-shadow:0 8px 24px #0006}.panel .error{color:#ff8a80}.panel .match-list{margin:4px 0 8px}.panel .section-title{letter-spacing:.06em;text-transform:uppercase;opacity:.6;margin:10px 0 4px;font-size:13px;font-weight:600}.panel button.match-item{text-align:left;justify-content:space-between;align-items:center;gap:8px;min-height:56px;margin-top:6px;padding:8px 12px;font-size:16px;display:flex}.panel button.match-item span:first-child{flex-direction:column;min-width:0;display:flex}.panel button.match-item strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panel button.match-item small{opacity:.7;font-size:13px;font-weight:400}.panel button.match-item .score{white-space:nowrap;font-size:18px}.panel button.match-item.my-turn{outline:2px solid #f2b134}.panel .round-lines{margin:0 0 8px;font-size:14px;line-height:1.5}.panel .emote-box{margin:0 0 4px;font-size:14px}.panel .emotes{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.panel .emotes button{width:auto;min-height:36px;margin:0;padding:0 10px;font-size:15px;font-weight:500;display:inline-block}.panel .kicker{letter-spacing:.06em;text-transform:uppercase;color:#f2b134;font-size:13px;font-weight:600}.panel .field{opacity:.85;align-items:center;gap:10px;margin:4px 0 8px;font-size:15px;display:flex}.panel .field input{min-width:0;height:36px;color:inherit;font:inherit;-webkit-user-select:text;user-select:text;background:#1d2129;border:1px solid #3a404d;border-radius:8px;flex:1;padding:0 10px;font-size:16px}.p0{color:#f2b134}.p1{color:#4cc3d9}.panel .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px;display:grid}.panel button.card{background:#1d2129;border:2px solid #3a404d;flex-direction:column;justify-content:center;gap:6px;min-height:120px;margin:0;padding:8px;font-size:16px;display:flex}.panel button.card strong{-webkit-hyphens:manual;hyphens:manual;font-size:14px}.panel button.card .icon{font-size:32px;line-height:1}.panel button.card span{opacity:.7;font-size:13px;font-weight:400}.panel .board{margin:4px 0 8px}.panel .board-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;font-size:14px;font-weight:600;display:flex}.panel .board-head strong{font-size:20px}.panel .rounds{gap:4px;display:flex}.panel .round{text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#23262e;border-radius:6px;flex:1;min-width:0;padding:6px 2px;font-size:16px;overflow:hidden}.panel .round.win-0{color:#14161c;background:#f2b134}.panel .round.win-1{color:#14161c;background:#4cc3d9}.panel .round.draw{background:#555b66}.panel h1{margin:0 0 8px;font-size:24px}.panel p{margin:0 0 8px;font-size:17px;line-height:1.4}.panel .note{opacity:.6;font-size:13px}.panel button{width:100%;min-height:48px;color:inherit;font:inherit;background:#2a2f3a;border:none;border-radius:12px;margin-top:10px;font-size:18px;font-weight:600;display:block}.panel button.primary{color:#14161c;background:#f2b134}