.game-doodle-duel{color:#302c49;font-synthesis:none;background:#faf5ef;font-family:Arial,Helvetica,sans-serif}:where(.game-doodle-duel) *{box-sizing:border-box}.game-doodle-duel{margin:0}:where(.game-doodle-duel) button,:where(.game-doodle-duel) input{font:inherit}:where(.game-doodle-duel) button{cursor:pointer}:where(.game-doodle-duel) a{color:inherit;text-decoration:none}:where(.game-doodle-duel) .shell{background:radial-gradient(circle at 81% 15%,#fff6f0,#0000 35%),#faf5ef;min-height:100vh;padding:23px clamp(17px,3vw,48px)}:where(.game-doodle-duel) .topbar,:where(.game-doodle-duel) footer{justify-content:space-between;align-items:center;max-width:1560px;margin:auto;display:flex}:where(.game-doodle-duel) .topbar{border-bottom:1px solid #e5ddd7;height:72px}:where(.game-doodle-duel) .brand{letter-spacing:.7px;align-items:center;gap:8px;font:900 22px Courier New,monospace;display:flex}:where(.game-doodle-duel) .brand-icon{color:#e995ac;font-size:31px}:where(.game-doodle-duel) .brand b{color:#e8899e}:where(.game-doodle-duel) .top-note,:where(.game-doodle-duel) footer,:where(.game-doodle-duel) .eyebrow,:where(.game-doodle-duel) .hero label,:where(.game-doodle-duel) .hero-foot,:where(.game-doodle-duel) .preview-bar,:where(.game-doodle-duel) .preview-bottom,:where(.game-doodle-duel) .steps,:where(.game-doodle-duel) .room-code,:where(.game-doodle-duel) .round-clock span,:where(.game-doodle-duel) .word-bar span,:where(.game-doodle-duel) .tools,:where(.game-doodle-duel) .canvas-caption,:where(.game-doodle-duel) .side-title,:where(.game-doodle-duel) .invite-code,:where(.game-doodle-duel) .lobby-canvas>span,:where(.game-doodle-duel) .big-code,:where(.game-doodle-duel) .room-heading .eyebrow{letter-spacing:1.3px;font:900 11px Courier New,monospace}:where(.game-doodle-duel) .top-note{color:#a3a0aa}:where(.game-doodle-duel) .landing{grid-template-columns:minmax(390px,1fr) minmax(520px,1.15fr);align-items:center;gap:clamp(35px,5vw,95px);max-width:1560px;margin:50px auto 45px;display:grid}:where(.game-doodle-duel) .hero{padding-left:3vw}:where(.game-doodle-duel) .eyebrow{color:#d883a2}:where(.game-doodle-duel) .hero h1{letter-spacing:-4.5px;margin:25px 0;font-size:clamp(54px,6vw,98px);line-height:1}:where(.game-doodle-duel) .hero h1 em{color:#e78ea4;font-style:normal}:where(.game-doodle-duel) .hero>p{color:#868293;max-width:550px;margin:0 0 36px;font-size:19px;line-height:1.55}:where(.game-doodle-duel) .hero label{color:#777487;margin-bottom:11px;display:block}:where(.game-doodle-duel) .hero input,:where(.game-doodle-duel) .join input{color:#312c48;background:#fffdf9;border:2px solid #ded6d5;outline:0;width:min(100%,400px);height:54px;padding:0 15px;font-size:16px;display:block;box-shadow:4px 4px #ebe2df}:where(.game-doodle-duel) .hero input:focus,:where(.game-doodle-duel) .join input:focus,:where(.game-doodle-duel) .chat-card input:focus{border-color:#dd92ad}:where(.game-doodle-duel) .hero .primary{color:#28233d;background:#e991a7;border:0;justify-content:space-between;align-items:center;gap:10px;width:min(100%,400px);min-height:57px;margin-top:21px;padding:0 17px;font:900 14px Courier New,monospace;display:flex;box-shadow:0 7px #b96f88}:where(.game-doodle-duel) .primary span{color:#67455b;font-size:9px}:where(.game-doodle-duel) .primary:disabled{opacity:.5}:where(.game-doodle-duel) .error,:where(.game-doodle-duel) .inline-error{color:#b75368;font-size:13px;font-weight:700}:where(.game-doodle-duel) .hero-foot{color:#aaa3ae;margin-top:33px;font-size:10px}:where(.game-doodle-duel) .hero-foot i{color:#dfa8b1;margin:0 8px;font-style:normal}:where(.game-doodle-duel) .preview{background:#25213e;padding:13px;transform:rotate(1.3deg);box-shadow:13px 13px #e9dfd9}:where(.game-doodle-duel) .preview-bar,:where(.game-doodle-duel) .preview-bottom{color:#eee6e9;justify-content:space-between;align-items:center;height:48px;padding:0 14px;display:flex}:where(.game-doodle-duel) .preview-bar span:last-child{color:#f0bb77}:where(.game-doodle-duel) .paper{aspect-ratio:1.45;background:#fffaf4;border:8px solid #19172e;position:relative}:where(.game-doodle-duel) .paper svg{width:100%;height:100%;display:block}:where(.game-doodle-duel) .scribble-note{color:#785e82;background:#e7dae9;padding:10px;font:900 12px Courier New,monospace;position:absolute;bottom:14px;right:16px;transform:rotate(-4deg)}:where(.game-doodle-duel) .preview-bottom{color:#b5b0c3}:where(.game-doodle-duel) .preview-bottom b{color:#f0b678}:where(.game-doodle-duel) .preview-bottom span:last-child{color:#9fd5bd}:where(.game-doodle-duel) .steps{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1560px;margin:10px auto 45px;display:grid}:where(.game-doodle-duel) .steps>div{background:#fffdf9;border:1px solid #ebe3dc;padding:20px;box-shadow:5px 5px #eee6df}:where(.game-doodle-duel) .steps span{color:#e59bab;margin-right:12px;font-size:18px}:where(.game-doodle-duel) .steps p{letter-spacing:0;color:#898592;margin:9px 0 0 36px;font:14px Arial,sans-serif}:where(.game-doodle-duel) footer{color:#aba5a9;border-top:1px solid #e5ddd7;padding-top:17px;font-size:10px}:where(.game-doodle-duel) .room-code{color:#6b6480;background:#eee7e8;padding:10px 13px}:where(.game-doodle-duel) .room-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:22px;max-width:1560px;margin:30px auto 50px;display:grid}:where(.game-doodle-duel) .room-main{background:#27233e;border-radius:18px;min-width:0;padding:12px;box-shadow:0 12px #e5dedb}:where(.game-doodle-duel) .room-heading{color:#fff7ee;justify-content:space-between;align-items:start;min-height:93px;padding:17px 19px;display:flex}:where(.game-doodle-duel) .room-heading .eyebrow{color:#eeb477}:where(.game-doodle-duel) .room-heading h1{margin:8px 0 0;font-size:clamp(25px,3vw,38px);line-height:1}:where(.game-doodle-duel) .round-clock{text-align:right}:where(.game-doodle-duel) .round-clock span{color:#aaa4bc;display:block}:where(.game-doodle-duel) .round-clock strong{font:900 31px Courier New,monospace}:where(.game-doodle-duel) .lobby-canvas{text-align:center;color:#fff7ee;background:radial-gradient(circle,#37314e,#1d1b31 72%);flex-direction:column;justify-content:center;align-items:center;min-height:500px;padding:25px;display:flex}:where(.game-doodle-duel) .lobby-star{color:#eab574;font-size:70px;line-height:1}:where(.game-doodle-duel) .lobby-canvas>span{color:#eaa1af;margin-top:18px}:where(.game-doodle-duel) .lobby-canvas h2{letter-spacing:-2px;margin:12px 0;font-size:clamp(29px,4vw,52px);line-height:1.08}:where(.game-doodle-duel) .lobby-canvas p{color:#aaa6b6;max-width:390px;font-size:15px;line-height:1.5}:where(.game-doodle-duel) .big-code{color:#f2cb91;background:#2b2842;border:1px dashed #72697d;margin:17px 0 23px;padding:14px 22px;font-size:20px}:where(.game-doodle-duel) .lobby-canvas button,:where(.game-doodle-duel) .start-game{color:#2a263c;background:#e992a6;border:0;padding:15px 24px;font:900 13px Courier New,monospace;box-shadow:0 6px #b76582}:where(.game-doodle-duel) .word-bar{color:#faf2e8;background:#1c1a31;justify-content:space-between;align-items:center;gap:15px;padding:12px 18px;display:flex}:where(.game-doodle-duel) .word-bar span{color:#aaa5b9}:where(.game-doodle-duel) .word-bar strong{letter-spacing:3px;color:#f1c985;text-align:right;font:900 clamp(17px,2vw,27px) Courier New,monospace}:where(.game-doodle-duel) .canvas-frame{aspect-ratio:8/5;background:#fffdf9;border:9px solid #19172c;position:relative;overflow:hidden}:where(.game-doodle-duel) .canvas-frame canvas{touch-action:none;width:100%;height:100%;display:block}:where(.game-doodle-duel) .artist-canvas{cursor:crosshair}:where(.game-doodle-duel) .canvas-overlay{text-align:center;background:#24213bc4;place-items:center;padding:20px;display:grid;position:absolute;inset:0}:where(.game-doodle-duel) .canvas-overlay>div{background:#fff9f1;border:6px solid #29243e;min-width:250px;padding:28px 35px;box-shadow:7px 7px #17152b}:where(.game-doodle-duel) .canvas-overlay span{color:#dd8ea7;letter-spacing:1px;font:900 12px Courier New,monospace}:where(.game-doodle-duel) .canvas-overlay h2{color:#29243e;margin:15px 0;font-size:clamp(24px,4vw,42px);line-height:1.1}:where(.game-doodle-duel) .canvas-overlay button{color:#28223c;background:#e992a6;border:0;padding:13px 18px;font:900 12px Courier New,monospace}:where(.game-doodle-duel) .tools{color:#bdb6c6;flex-wrap:wrap;align-items:center;gap:13px;min-height:73px;padding:12px;display:flex}:where(.game-doodle-duel) .palette,:where(.game-doodle-duel) .brush-sizes{align-items:center;gap:5px;display:flex}:where(.game-doodle-duel) .palette button{border:2px solid #685f78;width:25px;height:25px}:where(.game-doodle-duel) .palette button.active{outline-offset:2px;outline:2px solid #f5ce87}:where(.game-doodle-duel) .brush-sizes button{background:#332e4a;border:1px solid #685f78;place-items:center;width:27px;height:27px;display:grid}:where(.game-doodle-duel) .brush-sizes button.active{border-color:#f5ce87}:where(.game-doodle-duel) .brush-sizes i{background:#f5eadc;border-radius:50%;display:block}:where(.game-doodle-duel) .tools .clear{color:#f2c284;font:inherit;background:0 0;border:0;margin-left:auto}:where(.game-doodle-duel) .canvas-caption{color:#aea8c0;letter-spacing:1px;padding:19px;font:900 11px Courier New,monospace}:where(.game-doodle-duel) .room-side{flex-direction:column;gap:16px;display:flex}:where(.game-doodle-duel) .side-card{background:#fffdf9;border:1px solid #e6dfda;padding:20px;box-shadow:5px 5px #ebe4df}:where(.game-doodle-duel) .side-title{color:#474058;justify-content:space-between;margin-bottom:16px;display:flex}:where(.game-doodle-duel) .player-row{border-top:1px solid #eee7e5;align-items:center;gap:10px;min-height:45px;font:800 12px Courier New,monospace;display:flex}:where(.game-doodle-duel) .rank{color:#d29ca9}:where(.game-doodle-duel) .player-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}:where(.game-doodle-duel) .player-row strong{color:#4a4359}:where(.game-doodle-duel) .pen{color:#d88ba1;font-size:17px}:where(.game-doodle-duel) .invite p{color:#898493;margin:0 0 15px;font-size:13px;line-height:1.45}:where(.game-doodle-duel) .invite-code{text-align:center;color:#6c5670;background:#f8f0ed;border:1px dashed #dac9d0;margin-bottom:15px;padding:12px;font-size:23px}:where(.game-doodle-duel) .invite button,:where(.game-doodle-duel) .join button{color:#fff4e8;background:#2d2845;border:0;width:100%;min-height:44px;font:900 12px Courier New,monospace}:where(.game-doodle-duel) .join label{color:#918999;margin:0 0 8px;font:900 11px Courier New,monospace;display:block}:where(.game-doodle-duel) .join input{width:100%;height:43px;margin-bottom:15px;font-size:14px}:where(.game-doodle-duel) .start-game{min-height:53px}:where(.game-doodle-duel) .start-game:disabled{opacity:.5;cursor:not-allowed}:where(.game-doodle-duel) .chat-card{padding-bottom:15px}:where(.game-doodle-duel) .chat-list{background:#f8f4ef;border:1px solid #eee6e0;height:240px;padding:10px;overflow-y:auto}:where(.game-doodle-duel) .chat-list p{color:#5d596d;overflow-wrap:anywhere;margin:5px 0 9px;font-size:12px;line-height:1.45}:where(.game-doodle-duel) .chat-list p.correct{color:#54977d;font-weight:800}:where(.game-doodle-duel) .chat-list p.system{color:#ce8197;font-weight:800}:where(.game-doodle-duel) .chat-list p.empty-chat{color:#aaa4aa;font-style:italic}:where(.game-doodle-duel) .chat-card form{gap:5px;margin-top:10px;display:flex}:where(.game-doodle-duel) .chat-card input{border:1px solid #ddd5d2;outline:0;flex:1;min-width:0;height:42px;padding:0 10px;font-size:13px}:where(.game-doodle-duel) .chat-card button{color:#2b253e;background:#e991a6;border:0;padding:0 10px;font:900 11px Courier New,monospace}:where(.game-doodle-duel) .chat-card button:disabled{opacity:.45}:where(.game-doodle-duel) .inline-error,:where(.game-doodle-duel) .inline-note{color:#b75d72;background:#fff0e9;margin:0;padding:12px;font-size:12px}:where(.game-doodle-duel) .inline-note{color:#5a9379;background:#eaf4ed}:where(.game-doodle-duel) .loading{color:#fff3e5;letter-spacing:1px;background:#28233f;justify-content:center;align-items:center;max-width:1560px;min-height:440px;margin:30px auto 50px;font:900 15px Courier New,monospace;display:flex}:where(.game-doodle-duel) .error-state{flex-direction:column;gap:12px}:where(.game-doodle-duel) .error-state h1{margin:0}:where(.game-doodle-duel) .error-state p{font:14px Arial,sans-serif}:where(.game-doodle-duel) .error-state a{color:#e9ae83}@media (width<=1000px){:where(.game-doodle-duel) .landing{grid-template-columns:1fr 1fr;gap:25px}:where(.game-doodle-duel) .hero{padding-left:0}:where(.game-doodle-duel) .hero h1{font-size:clamp(45px,6vw,68px)}:where(.game-doodle-duel) .room-layout{grid-template-columns:minmax(0,1fr) 245px}:where(.game-doodle-duel) .side-card{padding:14px}:where(.game-doodle-duel) .word-bar strong{letter-spacing:1px}}@media (width<=790px){:where(.game-doodle-duel) .landing{grid-template-columns:1fr}:where(.game-doodle-duel) .hero h1{font-size:60px}:where(.game-doodle-duel) .preview{width:100%;max-width:650px;margin:auto;transform:none}:where(.game-doodle-duel) .steps{grid-template-columns:1fr 1fr}:where(.game-doodle-duel) .steps>div:last-child{grid-column:1/-1}:where(.game-doodle-duel) .room-layout{grid-template-columns:1fr}:where(.game-doodle-duel) .room-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}:where(.game-doodle-duel) .chat-card{grid-column:1/-1}:where(.game-doodle-duel) .room-main{border-radius:12px}}@media (width<=550px){:where(.game-doodle-duel) .shell{padding:12px}:where(.game-doodle-duel) .topbar{height:60px}:where(.game-doodle-duel) .brand{font-size:17px}:where(.game-doodle-duel) .brand-icon{font-size:24px}:where(.game-doodle-duel) .top-note{display:none}:where(.game-doodle-duel) .landing{margin:32px auto}:where(.game-doodle-duel) .hero h1{letter-spacing:-2.5px;font-size:45px}:where(.game-doodle-duel) .hero>p{margin-bottom:25px;font-size:16px}:where(.game-doodle-duel) .hero-foot,:where(.game-doodle-duel) .preview-bar,:where(.game-doodle-duel) .preview-bottom,:where(.game-doodle-duel) .scribble-note{font-size:9px}:where(.game-doodle-duel) .steps{grid-template-columns:1fr;gap:9px}:where(.game-doodle-duel) .steps>div:last-child{grid-column:auto}:where(.game-doodle-duel) .steps>div{padding:13px}:where(.game-doodle-duel) .steps p{margin-left:35px}:where(.game-doodle-duel) .room-layout{gap:12px;margin:15px auto 30px}:where(.game-doodle-duel) .room-main{padding:7px}:where(.game-doodle-duel) .room-heading{min-height:75px;padding:11px}:where(.game-doodle-duel) .room-heading h1,:where(.game-doodle-duel) .round-clock strong{font-size:22px}:where(.game-doodle-duel) .word-bar{padding:9px}:where(.game-doodle-duel) .word-bar span{font-size:8px}:where(.game-doodle-duel) .word-bar strong{font-size:14px}:where(.game-doodle-duel) .canvas-frame{border-width:4px}:where(.game-doodle-duel) .tools{gap:8px;font-size:9px}:where(.game-doodle-duel) .palette button{width:21px;height:21px}:where(.game-doodle-duel) .brush-sizes button{width:23px;height:23px}:where(.game-doodle-duel) .room-side{grid-template-columns:1fr}:where(.game-doodle-duel) .chat-card{grid-column:auto}:where(.game-doodle-duel) .lobby-canvas{min-height:380px}:where(.game-doodle-duel) .lobby-canvas h2{font-size:32px}:where(.game-doodle-duel) .big-code{font-size:16px}:where(.game-doodle-duel) .room-code{font-size:9px}:where(.game-doodle-duel) footer{gap:10px;font-size:8px}}