body.joined-game{--arena-accent:#ceffaf}body.joined-game .wrap{max-width:1160px!important}body.joined-game header{max-width:none;margin-bottom:8px}body.joined-game .hero{position:relative;padding:24px;border:1px solid #9fc7ff20;border-radius:26px;background:radial-gradient(ellipse at 100% 0,#3475b529,transparent 65%),linear-gradient(140deg,#102440a8,#07152b90);margin:18px 0!important}body.joined-game .hero h1{font-size:clamp(36px,5vw,60px)!important;letter-spacing:-.055em!important}body.joined-game .hero p{font-size:14px!important}body.joined-game .lobby{background:#0b1b32f2!important;box-shadow:0 12px 40px #0003!important}body.joined-game .game{border-color:#a5c7ee3b!important;border-radius:28px!important;padding:20px!important;background:linear-gradient(150deg,#122a47f7,#08172df7)!important}body.joined-game .game .top{border-bottom:1px solid #badcff17;padding:6px 4px 16px;margin-bottom:16px}body.joined-game .stage{border-color:#9acaff35;border-radius:20px}body.joined-game .score{font-variant-numeric:tabular-nums;font-size:32px!important;color:#eefff0}.joined-guide{margin-bottom:20px}.liveExchange{max-width:1080px;margin:20px auto 40px;padding:22px;border:1px solid #9bc9ff35;border-radius:26px;background:linear-gradient(135deg,#142d49,#081b31);box-shadow:0 16px 55px #0003;color:#eef7ff;font-family:Inter,system-ui,sans-serif}.liveExchangeHead{display:flex;gap:16px;justify-content:space-between;align-items:center}.liveExchangeHead small{color:#9dcee9;font-size:10px;letter-spacing:.16em}.liveExchangeHead h2{font-size:22px;letter-spacing:-.6px;margin:6px 0 16px}.liveConnection{font-size:11px;color:#caffaf;white-space:nowrap}.liveReactionBar{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.liveReactionBar button{height:52px;border-radius:16px;border:1px solid #c5dfff26;background:#d1e6ff09;font-size:28px;cursor:pointer;transition:transform .15s,background .15s}.liveReactionBar button:hover{background:#ceffaf22;transform:translateY(-3px)}.liveMessages{display:flex;flex-direction:column;gap:9px;max-height:200px;overflow-y:auto;margin-top:16px;min-height:48px}.liveHint{font-size:13px;color:#9bb3c9;line-height:1.6}.liveChatMessage{align-self:flex-start;display:grid;gap:4px;border-radius:15px;padding:10px 14px;background:#21435e;max-width:85%;overflow-wrap:anywhere}.liveChatMessage.mine{align-self:flex-end;background:#caffaf;color:#102321}.liveChatMessage small{font-size:10px;opacity:.65}.liveChatMessage span{font-size:14px}.liveMessageForm{display:flex;gap:10px;margin-top:14px}.liveMessageForm input{min-width:0;flex:1;border:1px solid #b8d4ee29;border-radius:14px;padding:14px;background:#05172b;color:white;font-size:16px}.liveMessageForm button{border:0;border-radius:14px;background:#ceffaf;color:#10251f;padding:12px 18px;font-weight:800;cursor:pointer}.liveError{font-size:12px;color:#ffd699;margin:10px 0 0}.liveError:empty{display:none}.liveChatShortcut{position:fixed;right:18px;bottom:max(18px,env(safe-area-inset-bottom));z-index:99990;background:#d2ffb6;color:#092720;border:1px solid #ffffff45;padding:14px 18px;border-radius:18px;font:750 14px system-ui;box-shadow:0 10px 40px #0006;cursor:pointer}.liveChatShortcut.unread{box-shadow:0 0 0 4px #6cdcff77,0 10px 40px #0006}.liveExchange.highlight{outline:3px solid #caffaf}.liveReactionToast{position:fixed;left:50%;top:35%;pointer-events:none;font-size:76px;z-index:99999;animation:reactionBurst 1.5s both;filter:drop-shadow(0 10px 20px #0008)}@keyframes reactionBurst{0%{opacity:0;transform:translate(-50%,20px) scale(.3)}25%{opacity:1;transform:translate(-50%,-10px) scale(1.1)}100%{opacity:0;transform:translate(-50%,-90px) scale(.85)}}
@media(min-width:1000px){body.joined-game .hero{padding:28px 32px}.liveExchange{padding:26px}.liveReactionBar{max-width:640px}}@media(max-width:600px){body.joined-game .hero{padding:18px!important;gap:10px!important}body.joined-game .game{padding:12px!important;border-radius:22px!important}.liveExchange{margin:16px 0 84px;padding:16px;border-radius:22px}.liveExchangeHead{align-items:start;gap:8px}.liveExchangeHead h2{font-size:19px}.liveConnection{font-size:10px;padding-top:4px}.liveReactionBar{gap:5px}.liveReactionBar button{height:44px;border-radius:12px;font-size:23px}.liveChatShortcut{right:12px;padding:12px 15px}.liveMessageForm button{padding:10px 12px}.liveMessageForm{gap:7px}.liveReactionToast{font-size:60px}}@media(prefers-reduced-motion:reduce){.liveReactionToast{animation:none;transform:translateX(-50%)}.liveReactionBar button{transition:none}}
.sharedMatchTop{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.sharedKicker{display:block;color:#9fbfda;letter-spacing:.09em;font-size:11px;margin-bottom:6px}.sharedMatchTop strong{font-size:15px;color:#ddf5ed}.sharedClock{font:800 25px system-ui;font-variant-numeric:tabular-nums;padding:10px 16px;border:1px solid #d8eaff20;border-radius:15px;background:#061429}.sharedScoreboard{display:flex;align-items:center;gap:15px;margin-bottom:14px}.sharedScoreboard>span{font-size:11px;color:#7f99b2}.sharedPlayer{display:flex;align-items:center;gap:9px;flex:1;border:1px solid #9ed6ff2a;border-radius:15px;padding:12px;background:#81bfff0a}.sharedPlayer i{width:10px;height:10px;border-radius:50%;background:#77ccff}.sharedPlayer.pink{border-color:#f59aca2a;background:#f59aca08}.sharedPlayer.pink i{background:#f598bf}.sharedPlayer span{font-size:12px}.sharedPlayer b{margin-left:auto;font-size:25px}.sharedStage{position:relative}.sharedStage canvas{display:block;width:100%;height:auto!important;aspect-ratio:5/3!important;touch-action:none}.sharedWaiting{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#06172bcc;backdrop-filter:blur(4px);text-align:center;padding:20px}.sharedWaiting>span{font-size:50px;color:#caffaf}.sharedWaiting b{font-size:24px}.sharedWaiting p{color:#a9c2d6;font-size:13px}.sharedControls{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:600px;margin:18px auto 0}.sharedPad{display:grid;grid-template-columns:repeat(3,48px);gap:6px}.sharedPad button{height:46px;border:1px solid #a4c8e83a;border-radius:12px;background:#173957;color:white;font-size:22px;touch-action:none}.sharedPad button:first-child{grid-column:2}.sharedPad button:nth-child(2){grid-column:1}.sharedAction{min-height:66px;min-width:140px;border:0;border-radius:19px;background:#cdffad;color:#153326;font-weight:850;touch-action:none}.sharedInstructions{font-size:13px;line-height:1.7;color:#abc3d8;margin:16px 0 0}.sharedEnd{text-align:center;padding:22px;border:1px solid #caffaf44;border-radius:20px;margin-top:20px;background:#beff9211}.sharedEnd button,.sharedEnd a{display:inline-block;padding:12px 18px;border:0;border-radius:14px;background:#ceffaf;color:#183025;text-decoration:none;margin:6px}.sharedPrompt{padding:18px 0;font-size:20px;font-weight:800;line-height:1.5}.sharedAnswers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sharedAnswers button{border:1px solid #bddcff33;border-radius:16px;padding:18px;background:#173552;color:#f0f7ff;font:750 16px system-ui}.sharedAnswers button.correct{background:#caffaf;color:#103025}.sharedAnswers button.selected{outline:2px solid #88d7ff}.sharedGuess{display:flex;gap:10px}.sharedGuess input{min-width:0;flex:1;padding:13px;background:#06172b;color:white;border:1px solid #8fb7d940;border-radius:12px}.sharedGuess button,#clearDrawing{padding:13px;border:0;border-radius:12px;background:#cdffaf;color:#153327}#sharedDrawTools{display:flex;gap:14px;align-items:center;font-size:12px;color:#aac6de}.sharedConnected .hero{display:none!important}.sharedConnected .lobby{margin-top:16px}body.joined-game [hidden]{display:none!important}@media(max-width:600px){.sharedPlayer{padding:10px;gap:6px}.sharedPlayer span{font-size:10px}.sharedMatchTop strong{font-size:13px}.sharedControls{gap:10px}.sharedAction{min-width:120px}.sharedWaiting b{font-size:20px}.sharedPrompt{font-size:17px}.sharedAnswers button{padding:13px}.sharedStage{border-radius:15px!important}}
.classicDuelLink{display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none;border:1px solid #a3dcff40;border-radius:12px;color:#c9e8ff;padding:11px;font-size:12px;background:#74b6f412}.cardActions{flex-wrap:wrap}.classicDuelLink{flex:1 0 100%}.liveExchange{scroll-margin-top:30px}