#dk-dialog{width:min(1180px,97vw);max-width:1180px;height:min(900px,96dvh);max-height:96dvh;padding:0;background:#eee9db;color:#223b42;border:3px solid #233b42;border-radius:22px;font-family:inherit;overflow:auto}#dk-dialog::backdrop{background:#0f232cd9}#dk-dialog [hidden]{display:none!important}#dk-dialog header{display:flex;align-items:center;justify-content:space-between;padding:18px 26px;border-bottom:2px solid #263d42}#dk-dialog h1{font-size:clamp(36px,5vw,70px);line-height:.95;margin:15px 0;letter-spacing:-3px}#dk-dialog h2{margin:0}#dk-dialog button{border:2px solid #253d43;border-radius:10px;padding:11px 17px;background:#f5ca64;color:#203b41;font-weight:800;cursor:pointer;box-shadow:0 3px #263d43;transition:transform .15s}#dk-dialog button:hover{transform:translateY(-2px)}#dk-dialog button:disabled{opacity:.45;cursor:default}#dk-close{font-size:24px}#dk-home,#dk-lobby{padding:24px}#dk-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:24px}#dk-hero-art svg{width:100%;max-height:280px}#dk-hero p{max-width:440px;line-height:1.6}.dk-modes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.dk-modes article{padding:20px;background:#d6dfd0;border:2px solid #30494b;border-radius:16px}.dk-modes article:last-child{background:#d8e3e7}.dk-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}#dk-dialog input:not([type=range]),#dk-dialog select{background:#fff9eb;padding:10px;border:2px solid #30494b;border-radius:8px;color:#203b41}#dk-rooms{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}#dk-error{color:#a92828;margin:8px 24px}#dk-roster{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0}#dk-roster>div{background:#d5e1d0;border-radius:12px;padding:14px}#dk-code-show{font-size:64px;letter-spacing:12px}#dk-stage{position:relative}#dk-hud{display:flex;justify-content:space-between;gap:10px;padding:15px 22px;font-weight:800}#dk-canvas{width:100%;height:clamp(280px,57dvh,640px);display:block;touch-action:none}#dk-warning{position:absolute;top:55px;left:0;right:0;text-align:center;color:#ffc57f;pointer-events:none;font-size:14px;font-weight:800}#dk-controls{padding:16px 22px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}#dk-status{text-align:center;margin:12px 0;font-size:12px;letter-spacing:1px}#dk-power{accent-color:#268c80;width:170px}#dk-result{position:absolute;top:25%;left:50%;transform:translateX(-50%);width:min(85%,450px);padding:30px;text-align:center;border:3px solid #263e44;border-radius:20px;background:#f4ce70;box-shadow:0 20px 80px #0008;animation:dk-in .5s ease-out}#dk-result h2{font-size:36px;margin-bottom:20px}@keyframes dk-in{from{opacity:0;translate:0 20px;scale:.8}to{opacity:1;translate:0 0;scale:1}}.diskout-entry .fast-click-art{background:#c9ddce!important;color:#233d43!important}.diskout-entry .game-preview svg{max-width:100%}@media(max-width:650px){#dk-hero{grid-template-columns:1fr}#dk-hero-art{display:none}.dk-modes{grid-template-columns:1fr}#dk-home{padding:16px}#dk-controls{gap:12px}}
/* A full-screen game page, with separate mode and waiting-room sections. */
#dk-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;background:#efebdf}#dk-dialog header{position:sticky;top:0;z-index:5;background:#efebdff5;padding:16px clamp(20px,4vw,64px)}#dk-home,#dk-lobby{max-width:1440px;margin:auto;padding:24px clamp(20px,4vw,64px) 40px}#dk-hero{min-height:220px;border-bottom:2px solid #243e4330;padding-bottom:20px}#dk-hero-art svg{max-height:260px}#dk-home small,#dk-lobby small{font-weight:800;letter-spacing:1.6px;font-size:11px}.dk-modes article{padding:24px;border-radius:18px;box-shadow:0 5px #233d4312}.dk-modes h3{font-size:22px;margin-top:0}.dk-browser{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px;padding:20px 24px;border:2px solid #30494b;border-radius:18px;background:#e7ddc7}.dk-browser h3{margin:4px 0 0}.dk-browser #dk-rooms{flex-basis:100%;margin:0}.dk-lobby-heading{display:flex;justify-content:space-between;align-items:center;gap:32px;margin:10px 0 32px}.dk-code-card{background:#f4ce70;border:2px solid #263f45;padding:25px 35px;border-radius:18px;text-align:center;box-shadow:7px 7px #263f45}.dk-lobby-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.dk-roster-panel,.dk-rules-panel{border:2px solid #30494b;border-radius:18px;padding:26px;background:#d7e3d6}.dk-rules-panel{background:#dae4e8}.dk-panel-title{display:flex;justify-content:space-between;align-items:center}.dk-panel-title strong{background:#263f45;color:#fff3da;padding:8px 14px;border-radius:8px}#dk-roster{grid-template-columns:repeat(2,minmax(0,1fr));min-height:100px}#dk-roster>div{background:#f5f0e3;border:1px solid #30494b44;overflow-wrap:anywhere}#dk-start{font-size:20px;padding:16px 28px;flex:1}.dk-rules-panel h2{font-size:32px;line-height:1.1;margin:14px 0 25px}.dk-rules-panel>div{border-top:1px solid #30494b44;padding-top:15px;margin-top:15px}.dk-rules-panel p{line-height:1.5;font-size:14px}.dk-ring-note{background:#edc5ae;padding:14px;border-radius:10px}#dk-canvas{height:calc(100dvh - 265px);min-height:280px;cursor:crosshair}#dk-stage{max-width:1600px;margin:auto}#dk-controls{background:#e4e4d8;border-top:1px solid #30494b33}#dk-ready{min-width:220px}@media(max-width:700px){.dk-lobby-heading{display:block}.dk-code-card{margin:20px 0}.dk-lobby-grid{grid-template-columns:1fr}#dk-roster{grid-template-columns:1fr}.dk-modes article{padding:18px}#dk-canvas{height:calc(100dvh - 320px)}}
#dk-result{position:fixed;z-index:15;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(520px,92vw);max-height:92dvh;overflow:auto;background:#f3eedf;padding:30px clamp(18px,4vw,38px);border:3px solid #29434b;border-radius:24px;box-shadow:0 0 0 100vmax #10252de0,0 24px 80px #0008;isolation:isolate}#dk-result h2{font-size:clamp(30px,5vw,46px);letter-spacing:-1.5px;margin:10px 0;overflow-wrap:anywhere}#dk-result-copy{font-size:14px;line-height:1.5;max-width:370px;margin:0 auto 20px}#dk-result-kicker{font-size:10px;letter-spacing:2px;font-weight:900}.dk-result-disc{position:relative;width:94px;height:94px;border-radius:50%;margin:28px auto 22px;background:var(--winner-color,#65d9bd);border:4px solid #29434b;box-shadow:0 8px #203b42,0 12px 25px #29434b33;display:grid;place-items:center;animation:dk-disc-in .7s cubic-bezier(.15,.8,.3,1.2)}.dk-result-disc span{position:absolute;top:-43px;font-size:44px;color:#c59529;filter:drop-shadow(0 2px #203b42)}.dk-result-disc b{font-size:38px}.dk-result-stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #29434b33;padding:18px 0;margin:16px 0;gap:8px}.dk-result-stats strong,.dk-result-stats small{display:block}.dk-result-stats strong{font-size:27px}.dk-result-stats small{font-size:9px;letter-spacing:1px;margin-top:5px}#dk-rematch-status{font-size:13px;font-weight:800;margin:18px 0 10px}#dk-rematch-players{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:16px}#dk-rematch-players span{font-size:11px;background:#dddcd3;border-radius:20px;padding:7px 10px;max-width:100%;overflow-wrap:anywhere}#dk-rematch-players [data-ready=true]{background:#aee2cd}#dk-again{width:100%;font-size:19px;padding:16px!important}.dk-result-nav{display:flex;gap:10px;margin-top:14px}.dk-result-nav button{flex:1;background:transparent!important;font-size:12px;padding:10px!important}.dk-confetti{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.dk-confetti i{position:absolute;top:-20px;left:calc(var(--i)*5.7%);width:7px;height:15px;background:#edbd50;animation:dk-confetti 2.8s calc(var(--i)*-.12s) ease-in infinite}.dk-confetti i:nth-child(3n){background:#5ac6ad}.dk-confetti i:nth-child(3n + 1){background:#df8295}#dk-result[data-outcome=loss] .dk-confetti{opacity:.25}#dk-result[data-outcome=draw] .dk-confetti{display:none}#dk-result[data-outcome=draw] .dk-result-disc span{display:none}@keyframes dk-confetti{from{transform:translateY(-20px) rotate(0);opacity:.9}to{transform:translateY(650px) rotate(520deg);opacity:0}}@keyframes dk-disc-in{from{scale:.3;rotate:-45deg;opacity:0}to{scale:1;rotate:0;opacity:1}}@media(prefers-reduced-motion:reduce){#dk-result,.dk-result-disc,.dk-confetti i{animation:none}.dk-confetti{display:none}}