@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Pixelify+Sans:wght@500;600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#241129;background:#260d1b;font-synthesis:none;font-weight:500;--cream:#fff0d5;--orange:#ff623b;--yellow:#ffcc35;--ink:#241129}*{box-sizing:border-box}body{margin:0;min-width:340px;min-height:100vh;background:radial-gradient(ellipse at 50% 40%,#4c1124a0,transparent 70%),#260d1b}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer;border:2px solid #31192c;border-radius:10px;min-height:44px;background:#fff4df;color:var(--ink);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;transition:filter .12s,transform .12s;box-shadow:0 3px #1e102f40}button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(2px);box-shadow:none}button:disabled{cursor:not-allowed;opacity:.45}button.primary,button.success{font-family:Pixelify Sans,monospace;text-transform:uppercase;font-weight:700;letter-spacing:-1px;background:linear-gradient(115deg,#ffda48,#ffcb2b);box-shadow:inset 0 3px #ffe581,inset 0 -5px #ff8626,0 4px #3f1a25}button.success{background:linear-gradient(110deg,#3bda8c,#1ed57b);box-shadow:inset 0 3px #7be8a5,inset 0 -5px #0b9b56,0 4px #272037}button.secondary{background:linear-gradient(#f1efef,#d3d3d9);border-color:#747282;box-shadow:inset 0 2px #fff,0 3px #49445755}button.cream{background:linear-gradient(#fff8e9,#fff0df);box-shadow:inset 0 2px #fff,0 3px #ef724744}.compact{font-size:14px;padding:8px 14px}.giant{font-size:28px;min-height:76px;padding:15px 30px}.icon{padding:8px;min-width:44px}.pixel-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.48;pointer-events:none;background-image:conic-gradient(from 90deg at 25% 25%,#701429 0 25%,transparent 0),conic-gradient(from 180deg at 80% 80%,#8d1833 0 25%,transparent 0),conic-gradient(from 0deg at 30% 65%,#5d0e24 0 25%,transparent 0);background-size:193px 167px,277px 231px,109px 293px;background-position:0 0,40px 70px,170px 20px;-webkit-mask-image:radial-gradient(ellipse,transparent 5%,#000 100%);mask-image:radial-gradient(ellipse,transparent 5%,#000 100%)}h1,h2,h3,p{margin:0}h1,h2,h3,.eyebrow,label,.badge,.status{font-weight:700}h1,h3,.eyebrow{font-family:Pixelify Sans,monospace}h1{font-size:clamp(28px,4vw,48px);line-height:1.12;letter-spacing:-1.5px;text-transform:uppercase}h2{font-size:25px;line-height:1.3}h3{font-size:18px;letter-spacing:-.7px}p{line-height:1.5}input,select,textarea{border:2px solid #807780;background:#fffaf1;border-radius:8px;padding:12px 16px;color:var(--ink);min-height:44px;width:100%;outline-offset:4px}input::placeholder,textarea::placeholder{color:#a0949c}input:focus,textarea:focus,select:focus{border-color:#2b172e}input:disabled,select:disabled{opacity:.7}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #4c91ff;outline-offset:4px}label{display:block;font-size:16px}a{color:inherit}small{display:block;font-size:13px;font-weight:500;line-height:1.4}.panel{background:radial-gradient(ellipse at center,#fff6e6,var(--cream));border:6px solid var(--orange);border-radius:21px;box-shadow:0 8px #140d1a,0 0 0 2px #7b242d,inset 0 2px #fff9ec;padding:28px}.brand{font-family:Pixelify Sans,monospace;font-weight:700;text-align:center;line-height:1;font-size:clamp(54px,8.2vw,92px);letter-spacing:-10px;transform:rotate(-4deg);padding:5px 12px 18px;isolation:isolate}.brand span{background:linear-gradient(#fff4b4 12%,#ffdb47 45%,#ffa92c 63%,#ff3c36 90%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(3px 0 #190e1d) drop-shadow(-3px 0 #190e1d) drop-shadow(0 3px #190e1d) drop-shadow(0 -3px #190e1d) drop-shadow(2px 2px #ffdaa3) drop-shadow(-2px -2px #ffdaa3);display:inline-block}.brand.small{font-size:52px;letter-spacing:-6px;padding:0 8px 12px}.tagline{font-family:Pixelify Sans,monospace;font-weight:700;color:#fff0d5;text-align:center;font-size:22px;margin:5px 0 26px}.entry{width:min(592px,calc(100% - 32px));margin:60px auto 28px}.entry-panel{padding:27px 48px 24px}.entry-panel label{font-family:Pixelify Sans,monospace;margin:0 0 9px;font-size:17px;letter-spacing:-.5px}.entry-panel>input{height:52px;border:3px solid #211b24;box-shadow:0 3px #ef8f6d44;font-weight:700;font-size:19px;margin-bottom:24px}.avatar-picker{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:27px}.color-swatch{width:38px;height:38px;min-height:0;padding:0;border:3px solid #241726;border-radius:9px;box-shadow:inset 0 3px #fff6,0 3px #241726}.color-swatch.active{outline:3px solid #241726;outline-offset:5px}.arrow{font:700 39px/1 monospace;background:#ffce37;width:46px;padding:0;box-shadow:inset 0 -5px #ff8a2c,0 3px #241726}.entry-panel>.giant{width:100%;font-size:27px;margin-bottom:24px}.join-row{display:flex;gap:12px}.join-row input{min-width:0;font-weight:700;border:3px solid #241726}.join-row button{flex-shrink:0;font-size:17px;padding:10px 14px}.entry-divider{border-top:2px solid #bca5a5;margin:23px 0 18px}.how-link{display:flex;margin:auto;font-family:Pixelify Sans,monospace;font-size:16px;min-width:220px}.entry footer{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;color:#d8b6c1;font-size:12px;margin-top:25px}.entry footer a{text-decoration:none}.entry footer a:hover{text-decoration:underline}.mode-shell{width:min(740px,calc(100% - 32px));margin:65px auto}.mode-shell>.brand{margin-bottom:28px}.mode-panel{padding:26px 44px 20px;text-align:center}.mode-panel h1{margin-bottom:24px}.mode-list{display:grid;gap:14px}.mode{width:100%;display:flex;flex-direction:column;gap:1px;padding:14px 18px;min-height:100px;border:3px solid #42192c;box-shadow:inset 0 3px #ffffff90,inset 0 -5px #b9591660,0 4px #ff653d}.mode strong{font-family:Pixelify Sans,monospace;font-size:29px;line-height:1.3;text-transform:uppercase;letter-spacing:-1px}.mode span{font-size:21px;font-weight:500}.mode-fix{background:linear-gradient(110deg,#fa91ca,#f881c3)}.mode-work{background:linear-gradient(110deg,#90bfff,#76a6f4)}.mode-hear{background:linear-gradient(110deg,#b9f2a0,#9febaa)}.back{min-width:150px;margin:21px auto 0;font-family:Pixelify Sans,monospace}.info-shell{width:min(1040px,calc(100% - 32px));margin:35px auto}.info-shell>.brand{margin-bottom:25px}.info-panel{padding:35px 7%;text-align:center}.intro{font-size:19px;margin:16px auto 24px;max-width:700px}.instruction{border:2px solid #e4cdb1;border-radius:12px;margin:10px 0;display:flex;align-items:center;gap:24px;padding:20px;text-align:left;background:#fffcf344}.instruction>b{font-family:Pixelify Sans;font-size:34px;background:#716d80;border-radius:12px;min-width:58px;height:58px;display:grid;place-items:center;color:#fff}.instruction h3{margin-bottom:6px}.instruction p{font-size:17px}.privacy-copy{text-align:left;display:grid;gap:18px;margin-top:24px}.mode-explanation{border:2px solid #45243a;border-radius:12px;text-align:left;padding:24px;margin:15px 0}.mode-explanation h3{display:inline;margin-left:12px}.mode-explanation p{margin-top:12px}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);max-width:min(680px,94vw);z-index:100;background:#fff0df;border:3px solid #e94743;padding:12px 16px;border-radius:12px;box-shadow:0 5px 20px #160d1b50;display:flex;gap:15px;align-items:center}.toast button{border:0;box-shadow:none;padding:4px;min-height:24px;background:transparent}.game-shell{max-width:1480px;margin:0 auto;padding:24px 28px 35px}header{display:flex;align-items:center;justify-content:space-between;min-height:100px;margin-bottom:20px}header nav{display:flex;align-items:center;gap:14px}header nav button{min-width:135px;font-family:Pixelify Sans,monospace}.logo-button{background:none;border:0;box-shadow:none;padding:0}.connection{font-size:12px;color:#ffb9aa}.connection.ok{color:#b9efa0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading p{margin-top:5px;font-size:18px}.lobby{padding:29px 24px 20px}.lobby-grid{display:grid;grid-template-columns:1fr 1.02fr 1.15fr;gap:14px}.subpanel{border-radius:12px;background:#f7dfb65c;padding:18px;min-width:0}.subpanel>h3{margin-bottom:17px}.room-code{font-family:Pixelify Sans,monospace;font-size:clamp(26px,3.4vw,47px);letter-spacing:-2px;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:20px 8px;background:#fffaeb70;border-radius:10px}.room-code button{flex-shrink:0}.room-box p{margin:17px 0}.room-box .muted{font-size:15px;margin-top:45px}.settings .mode-summary{display:flex;align-items:center;gap:12px;border:2px solid #ef9b26;padding:12px;border-radius:9px;margin-bottom:7px}.mode-summary strong{font-size:21px}.settings>.compact{display:flex;margin:0 auto 13px;font-family:Pixelify Sans;min-height:32px;font-size:12px}.settings>label{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;margin-top:6px;gap:10px;background:#fff7e7a0;border-radius:8px;font-size:13px;min-height:46px}.settings input{width:64px;text-align:center;padding:4px;min-height:32px}.settings select{max-width:180px;padding:4px 7px;min-height:34px;font-size:12px}.player{display:flex;align-items:center;gap:10px;min-height:47px;padding:4px 7px;background:#fff9ecb0;border-radius:8px;margin:6px 0}.player strong{display:flex;align-items:center;gap:6px;font-size:15px;flex:1}.avatar{width:35px;height:35px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:2px solid #25172d;box-shadow:inset 0 -4px #0002;border-radius:8px}.player .status{font-size:11px;white-space:nowrap}.status{display:inline-flex;align-items:center;border-radius:6px;background:#e2dfe1;color:#55495b;padding:5px 10px;font-size:12px}.status.submitted{background:#57d994;color:#11352d}.status.live{color:#ec2837;border:1px solid #ed4d4d;background:#ffeded}.vacant{color:#746576;font-size:12px}.vacant .avatar{background:none;border:2px dashed #c1b9bd;box-shadow:none}.remove{min-height:24px;padding:3px;border:0;background:none;box-shadow:none}.lobby-bottom{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:25px}.lobby-bottom .giant{min-width:350px}.bottom-note{text-align:center;color:#766272;font-size:14px;margin-top:15px}.muted{color:#786877}.round-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.badge{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #e4ceb0;background:#fff2db;border-radius:9px;padding:10px 16px;font-size:15px}.badge.role{background:#ffda45;border-color:#ee971c;margin-left:auto}.challenge-panel{width:min(1030px,100%);margin:40px auto;text-align:center;padding:40px 7%}.eyebrow{font-size:13px;letter-spacing:-.3px;text-transform:uppercase;display:inline-flex;align-items:center;gap:9px}.challenge-panel .eyebrow{color:#916d6f;margin-bottom:14px}.challenge-panel>p{margin:17px 0;font-size:19px}.challenge-panel .giant{min-width:70%;margin:14px 0}.prompt-input{position:relative;margin:24px 0 18px}.prompt-input textarea{font-size:25px;min-height:190px;resize:vertical;padding:23px;font-weight:600;border:3px solid #8a8089}.prompt-input span{position:absolute;bottom:12px;right:18px;color:#8b7f8a}.prompt-display{font-size:clamp(26px,4vw,42px);font-weight:700;line-height:1.3;border:3px solid #28172e;background:#fffaf1;border-radius:13px;margin:27px 0;padding:28px}.creative-mark{display:flex;align-items:center;justify-content:center;gap:16px;color:#a47736;padding:20px}.creative-mark svg{color:#25162e;fill:#ffcc35}.creative-mark span{font-family:Pixelify Sans;font-size:14px}.prompt-options{display:grid;gap:12px}.judge-panel{padding:20px}.challenge-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #e6d2b5;border-radius:10px;padding:17px;margin-bottom:18px}.challenge-banner h2{font-size:29px;margin-top:7px}.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.art-grid.count-2,.art-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.art-card{border:2px solid #e4ceb1;border-radius:12px;background:#fff9eb80;padding:12px;min-width:0}.art-card.chosen{border-color:#197efa;box-shadow:0 0 0 3px #77b4ff}.art-title{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:12px}.art-title strong{font-size:18px}.art-preview{width:100%;aspect-ratio:1.3;border:1px solid #ded9d7;background:#fff;padding:0;box-shadow:none;overflow:hidden}.art-preview img{width:100%;height:100%;object-fit:contain}.empty-preview{color:#a89aa4;padding:20px;font-size:16px;font-weight:500}.art-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:9px}.judge-footer{display:flex;align-items:center;gap:16px;margin-top:19px;flex-wrap:wrap;border-top:1px solid #e4ceb1;padding-top:16px}.judge-footer .muted{margin-left:auto;font-size:13px}.submitted-panel{text-align:center;padding:40px}.submitted-content{display:grid;grid-template-columns:.9fr 1.2fr;gap:55px;align-items:center;text-align:left;margin:35px auto 20px;max-width:970px}.submitted-content>img{width:100%;border:3px solid #c8bdba;border-radius:12px;background:#fff}.submitted-content p{font-size:22px;margin:12px 0}.submitted-count{display:flex;flex-wrap:wrap;gap:10px;padding:20px 0;border-bottom:1px solid #d5c8b8}.submitted-content p.muted{font-size:18px}.waiting-art{text-align:center;min-height:350px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:20px}.waiting-art img{max-height:260px;max-width:100%;border-radius:10px}.results-panel{padding:30px}.results-panel>h1,.results-panel>.intro{text-align:center}.winner-grid{display:grid;gap:15px}.winner{display:flex;align-items:center;gap:35px;border:2px solid #ebd4b8;border-radius:14px;padding:20px;background:#fffaef}.winner img{width:50%;max-height:370px;object-fit:contain;background:#fff;border:2px solid #ebd4b8;border-radius:10px}.winner h2{font-size:32px;margin:12px 0}.points{font-family:Pixelify Sans;font-size:29px;margin:16px 0;color:#da7914}.other-art{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0}.other-art>div{display:flex;align-items:center;gap:10px;flex:1;min-width:180px}.other-art img{width:95px;height:75px;object-fit:contain;border:1px solid #e4d0b3;border-radius:6px;background:#fff}.standings{display:grid;gap:10px;max-width:900px;margin:25px auto}.rank{display:flex;align-items:center;gap:18px;padding:12px 20px;border:2px solid #e5d1b7;background:#fff8e9;border-radius:11px}.rank.first{background:#ffe69a;border-color:#f2aa28}.rank .place{font-family:Pixelify Sans;font-size:25px}.rank strong{font-size:23px;flex:1;display:flex;align-items:center;gap:10px}.rank>span:last-child{text-align:right;font-size:25px;font-weight:700}.score-note{font-size:13px;text-align:center;color:#796373;max-width:760px;margin:15px auto}.result-actions{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:24px}.manual{padding:18px;display:flex;align-items:center;gap:20px;justify-content:center;flex-wrap:wrap}.manual label{display:flex;align-items:center;gap:5px}.manual input{width:18px;height:18px;min-height:18px}.center{max-width:600px;margin:100px auto;text-align:center}dialog{width:min(920px,calc(100vw - 28px));max-height:90dvh;overflow:auto;padding:24px 28px;border:5px solid var(--orange);border-radius:18px;background:var(--cream);color:var(--ink);box-shadow:0 10px 50px #0006}dialog::backdrop{background:#1a0d2099}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.dialog-head h2{font-family:Pixelify Sans;font-size:27px}.enlarged{width:100%;max-height:70vh;object-fit:contain;background:#fff;border-radius:10px}.modal-actions{display:flex;justify-content:center;gap:20px;margin-top:24px}.modal-actions>button{min-width:180px}.submit-preview{display:block;max-width:100%;max-height:50vh;margin:auto auto 15px;border-radius:10px}.editor-panel{padding:16px}.editor-prompt{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 12px 20px}.editor-prompt h2{margin-top:5px}.editor-layout{display:grid;grid-template-columns:76px minmax(0,1fr) 105px;gap:12px;align-items:start}.tools{display:flex;flex-direction:column;gap:9px}.tools>button{flex-direction:column;gap:3px;min-height:65px;padding:6px;font-size:12px}.tools .active,.sizes .active{background:var(--yellow);border-color:#d78f23}.shape-menu{position:relative}.shape-menu summary{border:2px solid #807780;background:#e3e1e5;border-radius:9px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4px;min-height:62px;font-size:12px;cursor:pointer}.shape-menu>div{position:absolute;left:80px;bottom:0;background:#fff0d5;border:2px solid #826676;border-radius:10px;z-index:4;display:grid;padding:8px;gap:8px}.canvas-column{position:relative;min-width:0;border:2px solid #e3d6c0;border-radius:12px;padding:12px;background:#fff9ef75}.canvas-wrap{width:100%;overflow:hidden;border:1px solid #e0dad5;border-radius:8px;touch-action:none;background:#fff}.canvas-container{margin:auto;touch-action:none}.canvas-wrap canvas{touch-action:none}.canvas-footer{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.canvas-footer>div{display:flex;gap:8px}.canvas-footer button{font-family:Pixelify Sans;font-size:14px;padding:10px 18px}.canvas-footer .submit{min-width:30%;font-size:22px}.palette{border:1px solid #e0ceb2;border-radius:11px;padding:13px 10px;text-align:center;background:#fff6e45c}.palette h3{font-size:12px;margin-bottom:14px}.sizes{display:flex;gap:4px;align-items:center;justify-content:center}.sizes button{padding:3px;min-height:32px;min-width:24px;border:1px solid #ded2c2;background:#fff9eb}.sizes span{display:inline-block;background:#241129;border-radius:50%}.palette>input{padding:0;margin-top:12px;min-height:25px}.rule{border-top:1px solid #dcc9b0;margin:16px 0}.palette-colors{display:grid;gap:10px;justify-content:center}.palette-colors button{width:36px;height:36px;min-height:0;padding:0;border-radius:50%;border:2px solid #332535;box-shadow:inset 0 2px 3px #fff4}.palette-colors .active{outline:3px solid #dca42c;outline-offset:3px}.custom-color{font-size:12px;display:flex;flex-direction:column;align-items:center;margin-top:17px;gap:5px}.custom-color input{padding:0;width:40px;min-height:32px;height:32px;border:0;background:transparent}.palette>.compact{padding:5px;font-size:11px;min-height:34px;gap:3px;width:100%}.editor-status{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;padding:14px 3px 0}.editor-status>span{display:flex;align-items:center;gap:7px}.editor-status>span:first-child svg{color:#10aa69}.view-controls{display:flex;align-items:center;gap:7px}.view-controls button{min-height:27px;padding:4px;border:0;background:transparent;box-shadow:none}.object-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-height:52px;padding:6px;background:#faf8f5;border:1px solid #b9b5bd;border-radius:9px;margin-bottom:8px}.object-controls button{font-size:10px;gap:3px;padding:6px;min-height:32px;border:0;box-shadow:none;background:none;flex-direction:column}.object-controls label{font-size:10px;display:flex;align-items:center;gap:8px;max-width:140px}.object-controls input{padding:0;min-height:24px}.layers{border-top:1px solid #deceb5;margin-top:15px;padding-top:12px;display:flex;gap:10px;flex-wrap:wrap}.layers h3{width:100%}.layers small{display:inline;margin-left:10px;font-family:Inter}.import-inputs{display:grid;gap:12px}.file-label{padding:13px 20px;border:2px solid #9a8086;border-radius:10px;display:flex;gap:12px;align-items:center;position:relative;cursor:pointer;justify-content:center;background:#ffdc56}.file-label input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.url-input{display:flex;gap:10px}.url-input button{white-space:nowrap}.small-text{font-size:12px;margin:12px 0}.image-comparison{display:grid;grid-template-columns:1fr 1fr;gap:15px}.image-comparison>div{border:1px solid #d9c8ae;border-radius:10px;overflow:hidden;text-align:center;background:#fff9ed;min-height:220px}.image-comparison h3{font-size:13px;padding:10px;background:var(--cream)}.image-comparison img{max-width:100%;max-height:300px;object-fit:contain}.image-comparison p{padding:50px 20px}.checker{background-color:#fff!important;background-image:conic-gradient(#ddd 25%,transparent 0 50%,#ddd 0 75%,transparent 0)!important;background-size:24px 24px!important}.import-options{display:flex;justify-content:center;gap:12px;margin:20px 0 12px}.import-options+p{text-align:center;font-size:13px}dialog>label{margin-bottom:8px}@media(min-width:1600px){.game-shell{padding-top:35px}.entry{margin-top:80px}}@media(max-width:1050px){.lobby-grid{grid-template-columns:1fr 1fr}.players{grid-column:1/-1}.players{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.players>h3{grid-column:1/-1}.player{margin:0}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:65px minmax(0,1fr) 78px;gap:8px}.palette{padding:12px 5px}.palette h3{font-size:10px}.canvas-column{padding:8px}.canvas-footer button{padding:9px 12px;font-size:11px}.canvas-footer .submit{font-size:19px}.brand.small{font-size:40px}.editor-status{flex-wrap:wrap}.canvas-footer>div{gap:5px}.art-title{flex-wrap:wrap}}@media(max-width:700px){.entry{margin-top:45px}.brand{letter-spacing:-6px;font-size:62px}.tagline{font-size:17px;margin-bottom:24px}.entry-panel{padding:25px}.entry-panel label{font-size:14px}.entry-panel>.giant{font-size:23px;min-height:70px}.avatar-picker{gap:8px}.color-swatch{width:32px;height:32px}.arrow{width:38px}.join-row button{font-size:14px;padding:9px}.join-row input{font-size:14px;padding:10px}.mode-shell{margin:35px auto}.mode-panel{padding:23px 18px}.mode strong{font-size:22px}.mode span{font-size:16px}.mode{min-height:88px}.game-shell{padding:15px 12px 30px}header{min-height:70px;margin-bottom:12px;gap:10px}header nav{gap:7px;flex-wrap:wrap;justify-content:flex-end}header nav button{min-width:0;padding:7px 10px;font-size:10px;min-height:36px}.connection{font-size:10px;width:100%;text-align:right}.brand.small{font-size:32px;letter-spacing:-4px}.panel{border-width:4px;border-radius:16px;padding:18px}.lobby-grid{grid-template-columns:1fr}.players{grid-column:auto;display:block}.lobby .section-heading h1{font-size:32px}.section-heading>button{padding:7px 10px;font-size:12px}.section-heading p{font-size:14px}.subpanel{padding:15px}.room-code{font-size:39px}.room-box .muted{margin-top:18px}.lobby-bottom{flex-wrap:wrap}.lobby-bottom .giant{min-width:0;width:100%;font-size:22px;min-height:63px}.players>h3{margin-bottom:12px}.player{margin:6px 0}.settings>label{font-size:14px}.settings select{font-size:13px}.round-bar{gap:6px}.badge{font-size:11px;padding:8px 10px}.round-bar .role{margin-left:0}.challenge-panel{padding:30px 20px;margin:20px auto}.challenge-panel h1{font-size:30px}.challenge-panel>p{font-size:16px}.challenge-panel .giant{min-width:100%;font-size:22px;min-height:65px}.prompt-input textarea{font-size:19px}.creative-mark span{font-size:11px}.challenge-banner{padding:12px;flex-direction:column;align-items:flex-start}.challenge-banner h2{font-size:22px}.challenge-banner .badge.role{margin:0}.art-grid,.art-grid.count-2,.art-grid.count-4{grid-template-columns:1fr}.art-title{flex-wrap:nowrap}.art-preview{aspect-ratio:1.5}.judge-footer{gap:8px}.judge-footer .muted{margin-left:0}.submitted-content{grid-template-columns:1fr;gap:25px}.submitted-content>img{max-height:300px;object-fit:contain}.submitted-content p{font-size:17px}.winner{flex-direction:column;gap:18px}.winner img{width:100%}.winner>div{width:100%}.rank{padding:10px;gap:10px}.rank strong{font-size:17px}.rank>span:last-child{font-size:19px}.rank .place{font-size:20px}.rank small{font-size:10px}.result-actions{flex-direction:column;gap:16px}.result-actions .giant{font-size:21px;min-height:65px;width:100%}.score-note{font-size:11px}.editor-panel{padding:10px}.editor-prompt{padding:3px 2px 14px;align-items:flex-start}.editor-prompt h2{font-size:18px}.editor-prompt .eyebrow{font-size:10px}.editor-prompt .badge{flex-shrink:0;font-size:10px}.editor-layout{display:flex;flex-wrap:wrap;gap:10px}.tools{flex-direction:row;width:100%;gap:5px;overflow:visible}.tools>button{flex:1;min-height:44px;padding:5px 3px;font-size:9px;gap:3px;min-width:0}.tools svg{width:20px;height:20px}.shape-menu{flex:1;min-width:0}.shape-menu summary{min-height:47px;font-size:9px}.shape-menu>div{left:auto;right:0;top:50px;bottom:auto}.canvas-column{order:2;width:100%;padding:5px}.palette{order:1;display:flex;align-items:center;gap:7px;width:100%;padding:8px;flex-wrap:wrap}.palette h3,.palette>.rule{display:none}.palette>input{width:50px;margin:0}.sizes{gap:3px}.sizes button{min-width:20px;padding:1px;min-height:26px}.sizes span{max-width:16px;max-height:16px}.palette-colors{display:flex;gap:6px}.palette-colors button{height:23px;width:23px}.palette-colors .active{outline-width:2px;outline-offset:2px}.custom-color{margin:0;font-size:0}.custom-color input{width:24px;height:24px;min-height:24px}.palette>.compact{width:auto;min-height:28px;font-size:10px}.canvas-footer{gap:5px;margin-top:10px}.canvas-footer button{font-size:10px;padding:8px;gap:5px}.canvas-footer svg{width:15px}.canvas-footer .submit{font-size:15px;min-width:25%}.editor-status{font-size:10px;gap:8px;padding-top:9px}.editor-status>span:last-child{display:none}.object-controls{gap:0}.object-controls button{font-size:8px}.object-controls label{max-width:105px;font-size:9px}.info-panel{padding:27px 18px}.instruction{gap:13px;padding:15px 12px}.instruction>b{min-width:39px;height:43px;font-size:25px}.instruction h3,.instruction p{font-size:14px}.info-panel .intro{font-size:16px}.info-panel h1{font-size:29px}dialog{padding:18px;border-width:4px}.dialog-head h2{font-size:21px}.modal-actions{gap:10px}.modal-actions>button{min-width:0;flex:1;padding:9px;font-size:13px}.image-comparison{gap:8px}.image-comparison>div{min-height:150px}.image-comparison h3{font-size:10px}.image-comparison p{padding:25px 10px;font-size:12px}.url-input{flex-wrap:wrap}.url-input button{width:100%}.import-options{flex-wrap:wrap;gap:8px}.import-options button{font-size:11px}.center{margin:60px 16px}.toast{font-size:13px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.artwork-archive{margin-top:25px;border-top:1px solid #e6cba7;padding-top:20px}.artwork-archive>div{display:flex;gap:15px;flex-wrap:wrap}.artwork-archive figure{margin:12px 0;width:220px;max-width:100%;background:#fff8e9;border:1px solid #d9c8ae;border-radius:9px;padding:10px}.artwork-archive img{width:100%;aspect-ratio:1.5;object-fit:contain;background:#fff}.archive-download{display:block;font-size:14px;text-align:center;margin-top:8px}.vote-reveal{min-height:300px;text-align:center;padding:40px}.vote-reveal p{font-size:22px;margin-top:20px}body{isolation:isolate}.modal-error{border:2px solid #e94743;background:#ffe0d5;border-radius:8px;padding:10px;margin:12px 0;font-size:14px}:root{--ink:#1e0c24;font-family:Inter,system-ui,sans-serif;font-weight:400}h1,h3,.eyebrow,label,.badge,.status{font-weight:700}h1{letter-spacing:0;font-size:clamp(36px,4.8vw,64px)}h3{font-size:24px;letter-spacing:0}button.primary,button.success{letter-spacing:0}button{border-radius:11px}.panel{border:7px solid #ff5b38;border-radius:23px;box-shadow:0 9px #180c1c,0 0 0 2px #7b242d,inset 0 3px #fffbed;background:radial-gradient(ellipse,#fff6e5,#fff0d5)}.brand,.brand.small{transform:none;letter-spacing:0;padding:0;line-height:0;font-size:inherit;width:min(650px,100%);margin:auto}.brand img{width:100%;height:auto;display:block}.brand.small{width:390px;max-width:100%}.entry{width:min(656px,calc(100% - 32px));margin:30px auto 24px}.entry .brand{width:650px;max-width:110%;margin-left:50%;transform:translate(-50%)}.tagline{font-size:30px;margin:-6px 0 19px;letter-spacing:1px}.entry-panel{padding:27px 76px 23px}.entry-panel label{font-size:24px;letter-spacing:0;margin-bottom:8px}.entry-panel>input{height:56px;font-family:Pixelify Sans;font-size:25px;margin-bottom:25px}.entry-panel>.giant{font-size:40px;min-height:85px;margin:0 0 25px}.avatar-picker{margin:0 0 29px;gap:19px}.color-swatch{width:42px;height:43px;border-radius:8px;flex-shrink:0}.arrow{width:55px;height:58px;flex-shrink:0;border-radius:6px}.join-row{gap:13px;margin-left:-25px;margin-right:-25px}.join-row input{font-family:Pixelify Sans;font-size:23px}.join-row button{font-size:27px;min-height:60px}.how-link{font-size:24px;min-height:51px}.entry-divider{margin:24px -25px 20px}.entry footer{font-size:11px;margin-top:21px}.game-shell{max-width:1500px;padding:22px 26px 34px}header{min-height:135px;margin-bottom:20px}header nav button{font-size:25px;min-width:170px;min-height:58px}.lobby h1{font-size:68px}.lobby{padding:26px 22px 23px}.subpanel{background:#f6dfbc70;padding:20px 16px}.room-code{font-size:59px;padding:24px 10px}.settings .mode-summary{padding:16px 12px;min-height:92px}.mode-summary strong{font-family:Pixelify Sans;font-size:27px}.settings>label{font-size:14px}.player strong{font-size:18px}.avatar{width:43px;height:43px}.player{min-height:50px}.lobby-bottom .giant{min-width:550px;font-size:38px}.badge{font-family:Pixelify Sans;font-size:21px}.challenge-panel{margin:24px auto;padding:35px 7%}.challenge-panel .eyebrow{font-size:24px;background:#ffdc48;border:2px solid #28142c;border-radius:12px;padding:10px 25px;color:var(--ink)}.prompt-display,.prompt-input textarea{font-family:Pixelify Sans;font-weight:600}.prompt-display{font-size:48px}.challenge-panel .giant{font-size:36px}.submitted-panel>h1{text-align:center;font-size:72px}.submitted-content h2{font-family:Pixelify Sans;font-size:36px}.results-panel>h1{text-align:center;font-size:64px}.rank strong{font-family:Pixelify Sans;font-size:36px}.rank .place,.rank>span:last-child{font-family:Pixelify Sans;font-size:36px}.editor-prompt h2{font-family:Pixelify Sans;font-size:31px}.tools>button{min-height:76px;font-size:13px}.canvas-footer button{font-size:24px}.canvas-footer .submit{font-size:32px}.palette h3{font-size:19px}.pixel-field{opacity:.75;-webkit-mask-image:none;mask-image:none;background-image:url(/art/pixel-background.svg);background-size:768px 640px;background-position:center top}.mode-shell{width:min(1040px,calc(100% - 32px));margin:30px auto}.mode-shell>.brand{width:390px;margin-bottom:20px}.mode-panel{padding:27px 35px}.mode-panel h1{font-size:50px;margin-bottom:10px}.mode-intro{font-size:18px;margin-bottom:24px}.clear-modes{display:grid;grid-template-columns:1fr 1fr;gap:19px;text-align:left}.mode-card{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:22px;border:3px solid #2c1428;box-shadow:inset 0 3px #ffffff95,0 5px #ff633d;text-align:left}.mode-card-top{display:flex;align-items:center;gap:13px}.mode-card-top span{font-family:Pixelify Sans;font-size:19px;text-transform:uppercase}.mode-card h2{font-family:Pixelify Sans;font-size:35px;line-height:1.05}.mode-card>strong{font-size:14px}.mode-card>p{font-size:15px;font-weight:400;min-height:66px}.mode-example{background:#fffcf17d;border-radius:8px;padding:11px;font-size:15px;font-weight:600;min-height:77px}.mode-example small{font-size:10px;letter-spacing:1px;margin-bottom:5px}.choose-mode{display:flex;align-items:center;justify-content:space-between;font-size:15px;margin-top:3px}.mode-footnote{font-size:14px;margin-top:24px;color:#64505e}.info-shell>.brand{width:390px}.instruction h3{font-size:26px}.back{font-size:24px}@media(max-width:900px){.entry{margin-top:25px}header .brand.small{width:280px}header nav button{font-size:18px;min-width:100px}.lobby-bottom .giant{min-width:300px}.lobby h1{font-size:48px}.room-code{font-size:40px}.canvas-footer button{font-size:16px}.canvas-footer .submit{font-size:23px}}@media(max-width:700px){.entry{width:min(540px,calc(100% - 28px));margin:30px auto 22px}.entry-panel{padding:25px 24px}.entry-panel label{font-size:21px}.entry-panel>.giant{font-size:32px;min-height:74px}.entry .brand{max-width:100%}.tagline{font-size:23px;margin:0 0 22px}.avatar-picker{gap:10px}.color-swatch{width:32px;height:35px}.arrow{width:40px;height:48px}.join-row{margin:0;gap:8px}.join-row input{font-size:19px;padding:10px}.join-row button{font-size:21px;padding:9px}.entry-divider{margin:23px 0 20px}.how-link{font-size:21px}.panel{border-width:5px;border-radius:18px}.mode-panel{padding:22px 18px}.mode-panel h1{font-size:36px}.clear-modes{grid-template-columns:1fr}.mode-card{padding:20px}.mode-card>p{min-height:0}.mode-example{min-height:0}.game-shell{padding:15px 12px 28px}header{min-height:80px;gap:15px}header .brand.small{width:200px}header nav button{font-size:15px;min-width:0;min-height:38px}.badge{font-size:15px}.lobby{padding:18px}.lobby h1{font-size:44px}.lobby-bottom .giant{min-width:0;font-size:30px}.challenge-panel{padding:25px 20px}.challenge-panel .eyebrow{font-size:18px}.prompt-display{font-size:34px}.challenge-panel .giant{font-size:27px}.submitted-panel>h1{font-size:48px}.results-panel>h1{font-size:42px}.rank strong{font-size:25px}.rank>span:last-child{font-size:25px}.editor-prompt h2{font-size:23px}.tools>button{min-height:48px;font-size:9px}.palette h3{display:none}.canvas-footer button{font-size:14px}.canvas-footer .submit{font-size:20px}.instruction h3{font-size:21px}.entry footer{gap:8px}}.entry-panel label{text-transform:uppercase;font-weight:700}.mode-make{background:linear-gradient(110deg,#ffdb48,#ffcf39)}.prompt-mascot{display:block;width:400px;max-width:80%;height:190px;object-fit:contain;margin:12px auto -5px}.challenge-panel:has(.prompt-mascot){max-width:900px}.challenge-panel:has(.prompt-mascot) .prompt-display{padding:22px;font-size:48px}.challenge-panel:has(.prompt-mascot) .giant{width:90%;margin-top:8px}.mode-card:hover:not(:disabled){transform:translateY(-3px)}@media(max-width:700px){.prompt-mascot{height:145px}.challenge-panel:has(.prompt-mascot) .prompt-display{font-size:32px}.challenge-panel:has(.prompt-mascot) .giant{width:100%}}