:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}body{margin:0;font:14px system-ui,sans-serif}img{max-width:100%}:root{--bezel:#1d1b31;--panel:#2a2847;--panel-2:#353259;--line:#4a4678;--text:#eeecf9;--muted:#aaa6cf;--screen:#f4f6f1;--ink:#17152b;--accent:#ffcc3a;--accent-ink:#2b2100;--red:#ef5350;--red-strong:#c62828;--teal:#5fb8c9;--ok:#7bd389;--f-display:"Silkscreen", "Courier New", monospace;--f-body:"Nunito", "Segoe UI", system-ui, sans-serif;--f-num:"VT323", "Courier New", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%}body{background:var(--bezel);color:var(--text);font-family:var(--f-body);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));background-image:radial-gradient(circle at 1px 1px,#2a2846 1px,#0000 0);background-size:14px 14px;padding-block:16px 40px;font-size:15px;line-height:1.45}.wrap{gap:16px;max-width:1240px;margin:0 auto;display:grid}h1,h2,h3{font-family:var(--f-display);text-wrap:balance;letter-spacing:.02em;margin:0;font-weight:700}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,.slot:focus-visible,.card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}header.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{width:40px;height:40px;image-rendering:pixelated}.brand h1{color:var(--accent);text-shadow:3px 3px #000;font-size:26px}.brand small{font-family:var(--f-body);color:var(--muted);letter-spacing:0;font-size:13px;font-weight:700;display:block}nav.tabs{background:var(--panel);border:2px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:6px;padding:5px;display:flex}nav.tabs button{font-family:var(--f-display);color:var(--muted);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;display:flex}nav.tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}nav.tabs button .count{font-family:var(--f-num);font-size:18px;line-height:1}.panel{background:var(--panel);border:2px solid var(--line);border-radius:12px;min-width:0;padding:16px}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.panel-head h2{font-size:16px}.hint{color:var(--muted);font-size:13px}.btn{background:var(--panel-2);border:2px solid var(--line);border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:14px;font-weight:800;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#000;box-shadow:0 3px #000}.btn.primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #000}.btn.danger{border-color:var(--red);color:#ffd0cf}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.atelier{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=920px){.atelier{grid-template-columns:minmax(0,1fr)}}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.card{aspect-ratio:3/4;perspective:700px;text-align:left;background:0 0;border:0;padding:0;position:relative}.card-inner{transform-style:preserve-3d;transition:transform .45s cubic-bezier(.3,1.4,.5,1);position:absolute;inset:0}.card.revealed .card-inner{transform:rotateY(180deg)}.face{backface-visibility:hidden;border-radius:10px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.face.back{background:repeating-linear-gradient(135deg,#3b3770 0 8px,#332f63 8px 16px);border:3px solid #000;justify-content:center;align-items:center;gap:6px;box-shadow:inset 0 0 0 2px #6a64b0}.face.back .q{font-family:var(--f-display);color:var(--accent);text-shadow:3px 3px #000;font-size:34px}.face.back .lbl{font-family:var(--f-display);color:var(--text);background:#000a;border-radius:4px;padding:2px 6px;font-size:12px}.face.front{background:var(--screen);color:var(--ink);border:3px solid var(--ink);padding:6px;transform:rotateY(180deg);box-shadow:inset 0 0 0 2px #fff}.face.front .part{font-family:var(--f-display);background:var(--ink);color:var(--screen);border-radius:3px;align-self:flex-start;padding:1px 5px;font-size:10px}.face.front canvas{object-fit:contain;width:100%;min-height:0;image-rendering:pixelated;flex:1}.face.front .nm{overflow-wrap:anywhere;font-size:12px;font-weight:800;line-height:1.15}.face.front .no{font-family:var(--f-num);color:#6b6890;font-size:15px;line-height:1}.card-tools{pointer-events:none;justify-content:flex-end;gap:3px;display:flex;position:absolute;bottom:24px;left:4px;right:4px}.card .mini{pointer-events:auto;border:2px solid var(--ink);width:22px;height:22px;color:var(--ink);background:#fff;border-radius:5px;place-items:center;padding:0;font-size:12px;font-weight:800;line-height:1;display:grid}.card .mini[aria-pressed=true]{background:var(--teal)}.card:not(.revealed) .card-tools{display:none}.card.flash .face.front{animation:.5s flash}@keyframes flash{0%{filter:brightness(2.2)}to{filter:none}}.fusion-box{background:var(--screen);color:var(--ink);border:3px solid var(--ink);border-radius:10px;gap:6px;margin-top:14px;padding:10px 12px;display:grid;box-shadow:inset 0 0 0 2px #fff}.fusion-box .k{font-family:var(--f-display);color:#5c5980;font-size:11px}.fusion-box .v{font-weight:800}.types{flex-wrap:wrap;gap:4px;display:flex}.type{font-family:var(--f-display);color:#fff;text-shadow:1px 1px #0007;border:1px solid #0006;border-radius:4px;padding:2px 6px;font-size:10px}.studio{grid-template-columns:auto minmax(0,1fr);gap:12px;display:grid}@media (width<=600px){.studio{grid-template-columns:minmax(0,1fr)}}.toolbar{flex-direction:column;gap:6px;display:flex}@media (width<=600px){.toolbar{flex-flow:wrap}}.tool{border:2px solid var(--line);background:var(--panel-2);border-radius:8px;place-items:center;width:46px;height:46px;padding:0;display:grid;position:relative}.tool svg{width:24px;height:24px}.tool[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:#000}.tool kbd{font-family:var(--f-num);opacity:.7;font-size:12px;position:absolute;bottom:1px;right:3px}.tool-sep{background:var(--line);height:2px;margin:2px 0}@media (width<=600px){.tool-sep{width:2px;height:auto;margin:0 2px}}.canvas-col{gap:10px;min-width:0;display:grid}.stage{aspect-ratio:1;touch-action:none;cursor:crosshair;background-color:#fff;background-image:linear-gradient(45deg,#eef0ea 25%,#0000 25% 75%,#eef0ea 75%),linear-gradient(45deg,#eef0ea 25%,#0000 25% 75%,#eef0ea 75%);background-position:0 0,10px 10px;background-size:20px 20px;border:3px solid #000;border-radius:6px;width:100%;max-width:620px;max-height:100%;position:relative;overflow:hidden}.stage canvas{width:100%;height:100%;position:absolute;inset:0}.stage canvas.px{image-rendering:pixelated}#refLayer{opacity:.28;z-index:1}#colorLayer{z-index:2}#inkLayer{z-index:4}#strokeLayer{z-index:5;pointer-events:none}.stage.pixelgrid:after{content:"";z-index:6;pointer-events:none;background-image:linear-gradient(90deg,#0001 1px,#0000 1px),linear-gradient(#0001 1px,#0000 1px);background-size:1.25% 1.25%;position:absolute;inset:0}.controls{gap:10px;max-width:620px;display:grid}.palette{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.swatch{border:2px solid #000;border-radius:6px;width:26px;height:26px;padding:0}.swatch[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:1px}.pal-label{font-family:var(--f-display);color:var(--muted);width:100%;font-size:10px}input[type=color]{border:2px solid var(--line);background:var(--panel-2);border-radius:6px;width:40px;height:30px;padding:1px}.slider{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.slider input{width:120px;accent-color:var(--accent)}.slider output{font-family:var(--f-num);color:var(--text);min-width:2.2em;font-size:18px}.seg{border:2px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{background:var(--panel-2);border:0;padding:6px 10px;font-size:13px;font-weight:800}.seg button[aria-pressed=true]{background:var(--teal);color:var(--ink)}.publish-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.publish-bar input{background:var(--screen);min-width:0;color:var(--ink);border:3px solid #000;border-radius:8px;flex:180px;padding:8px 10px;font-size:16px;font-weight:800}.status{color:var(--muted);min-height:1.4em;font-size:13px}.status.err{color:#ffb4b2}.status.ok{color:var(--ok)}.g-tools{flex-wrap:wrap;gap:8px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.gcard{background:var(--screen);color:var(--ink);border:3px solid var(--ink);text-align:left;border-radius:10px;gap:6px;padding:8px;display:grid;box-shadow:inset 0 0 0 2px #fff}.gcard:hover{transform:translateY(-2px)}.gcard img{aspect-ratio:1;object-fit:contain;background:#fff;border:1px solid #0002;border-radius:6px;width:100%}.gcard .t{overflow-wrap:anywhere;font-size:15px;font-weight:800;line-height:1.2}.gcard .meta{color:#5c5980;justify-content:space-between;align-items:center;gap:6px;font-size:12px;display:flex}.gcard .parts{gap:2px;display:flex}.gcard .parts img{width:24px;height:24px;image-rendering:pixelated;background:0 0;border:0}.likes{font-family:var(--f-num);font-size:17px}.empty{border:2px dashed var(--line);text-align:center;color:var(--muted);border-radius:12px;justify-items:center;gap:10px;padding:28px 16px;display:grid}.empty strong{color:var(--text);font-family:var(--f-display);font-size:14px}.modal{z-index:50;padding:max(16px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:#0b0a18cc;place-items:center;display:grid;position:fixed;inset:0}.modal-box{background:var(--screen);color:var(--ink);border:4px solid var(--ink);border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;width:min(720px,100%);max-height:100%;padding:16px;display:grid;overflow:auto;box-shadow:inset 0 0 0 3px #fff,0 10px #000}@media (width<=620px){.modal-box{grid-template-columns:minmax(0,1fr)}}.modal-box img.big{aspect-ratio:1;object-fit:contain;background:#fff;border:2px solid #0002;border-radius:8px;width:100%}.modal-box h3{overflow-wrap:anywhere;font-size:20px}.recipe{gap:4px;margin:6px 0;display:grid}.recipe div{grid-template-columns:32px 72px minmax(0,1fr);align-items:center;gap:6px;font-size:14px;display:grid}.recipe img{width:32px;height:32px;image-rendering:pixelated}.recipe .p{font-family:var(--f-display);color:#5c5980;font-size:10px}.modal-box .btn{color:var(--ink);border-color:var(--ink);background:#fff}.modal-box .btn.primary{background:var(--accent)}.modal-box .btn.danger{color:#b3261e;border-color:#b3261e}.box-layout{grid-template-columns:minmax(0,1fr) minmax(0,300px);align-items:start;gap:16px;display:grid}@media (width<=920px){.box-layout{grid-template-columns:minmax(0,1fr)}}.box-header{background:var(--teal);color:var(--ink);border:3px solid #000;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.box-header h2{text-align:center;flex:1;font-size:16px}.box-header button{width:34px;height:30px;font-family:var(--f-display);color:var(--ink);background:#fff;border:2px solid #000;border-radius:6px;font-weight:700}.screen{background:#000;border:3px solid #000;border-top:0;border-radius:0 0 10px 10px;position:relative;overflow:hidden}#boxCanvas{aspect-ratio:3/2;width:100%;image-rendering:pixelated;cursor:pointer;touch-action:manipulation;display:block}.box-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.slots{background:#8fd0dc;border:3px solid #000;border-radius:8px;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:6px;display:grid}.slot{aspect-ratio:1;background:#b9e3ea;border:2px solid #6bb3c1;border-radius:5px;place-items:center;padding:0;display:grid;overflow:hidden}.slot img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.slot[aria-pressed=true]{background:var(--accent);border-color:#000}.slot:disabled{cursor:default}.info{background:var(--screen);color:var(--ink);border:3px solid var(--ink);border-radius:10px;align-content:start;gap:4px;min-height:92px;margin-top:12px;padding:10px 12px;display:grid;box-shadow:inset 0 0 0 2px #fff}.info h3{overflow-wrap:anywhere;font-size:15px}.info p{margin:0;font-size:13px}.badge{font-family:var(--f-display);background:var(--ink);color:var(--screen);border-radius:3px;justify-self:start;padding:1px 6px;font-size:10px}.regions{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.chip{font-family:var(--f-display);border:2px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:11px}.chip[aria-pressed=true]{background:var(--teal);color:var(--ink);border-color:#000}.chip:disabled{cursor:default}.battle-banner{border:3px solid var(--red);background:#4a1f3c;border-radius:12px;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px 16px;padding:10px 14px;display:flex}.battle-banner .bt-title{font-family:var(--f-display);color:#ffd6d5;font-size:14px}.battle-banner .bt-sent{font-size:13px;font-weight:800}.battle-banner .grow{flex:1}.timer{font-family:var(--f-num);color:var(--accent);font-variant-numeric:tabular-nums;font-size:34px;line-height:1}.timer.urgent{color:var(--red)}.combat-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start;gap:16px;display:grid}.field{gap:6px;margin-bottom:14px;display:grid}.field>span{font-family:var(--f-display);color:var(--muted);font-size:11px}.code-in{background:var(--screen);color:var(--ink);font-family:var(--f-display);letter-spacing:.2em;text-transform:uppercase;border:3px solid #000;border-radius:8px;width:8.5em;max-width:100%;padding:8px 10px;font-size:20px}.lobbies{gap:6px;margin-top:12px;display:grid}.lobby{background:var(--panel-2);border:2px solid var(--line);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.lobby .c{font-family:var(--f-display);color:var(--accent);letter-spacing:.1em;font-size:16px}.lobby .d{min-width:0;color:var(--muted);flex:1;font-size:13px}.mode-tag{font-family:var(--f-display);background:var(--teal);color:var(--ink);border-radius:4px;padding:2px 6px;font-size:10px}.mode-tag.ranked{background:var(--red-strong);color:#fff}.room-head{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:14px;display:flex}.room-code{font-family:var(--f-display);color:var(--accent);letter-spacing:.15em;text-shadow:3px 3px #000;font-size:34px}.room-meta{flex:1;gap:4px;min-width:0;display:grid}.room-meta .row{gap:6px}.phase{font-family:var(--f-display);color:var(--muted);font-size:12px}.players{gap:6px;display:grid}.player{background:var(--panel-2);border-radius:8px;align-items:center;gap:8px;min-width:0;padding:6px 10px;display:flex}.player img{border-radius:50%;flex:none;width:28px;height:28px}.player .n{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.player .st{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12px}.player .st.ok{color:var(--ok)}.steps{color:var(--muted);gap:4px;margin:0;padding-left:1.2em;font-size:14px;display:grid}.gcard.vote{cursor:pointer}.gcard.vote[aria-pressed=true]{outline:4px solid var(--accent);outline-offset:2px}.gcard.own{cursor:default;opacity:.75}.ribbon{font-family:var(--f-display);background:var(--ink);color:var(--screen);border-radius:3px;justify-self:start;padding:1px 6px;font-size:10px}.ribbon.gold{color:var(--ink);background:#e5b929}.delta{font-family:var(--f-num);font-size:20px}.room-body{grid-template-columns:minmax(0,1fr) minmax(0,280px);align-items:start;gap:16px;display:grid}@media (width<=820px){.room-body{grid-template-columns:minmax(0,1fr)}}.room-main{gap:12px;min-width:0;display:grid}.recipe-strip{flex-wrap:wrap;gap:6px;display:flex}.recipe-strip>div{background:var(--screen);color:var(--ink);border:2px solid var(--ink);border-radius:8px;justify-items:center;gap:2px;min-width:64px;padding:4px 6px;display:grid}.recipe-strip img{width:40px;height:40px;image-rendering:pixelated}.recipe-strip .p{font-family:var(--f-display);color:#5c5980;font-size:9px}.recipe-strip .q{font-family:var(--f-display);color:#5c5980;place-items:center;height:40px;font-size:20px;display:grid}.delta.up{color:#1d7a34}.delta.down{color:#b3261e}.vitrines{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:16px;display:grid}@media (width<=920px){.vitrines{grid-template-columns:minmax(0,1fr)}}.table-wrap{overflow-x:auto}table.ladder{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}table.ladder th{font-family:var(--f-display);color:var(--muted);text-align:left;padding:6px;font-size:10px;font-weight:400}table.ladder td{border-top:1px solid var(--line);padding:6px}table.ladder td.num{font-family:var(--f-num);text-align:right;font-size:20px}table.ladder th.num{text-align:right}table.ladder tr.me td{background:var(--panel-2)}table.ladder .who{align-items:center;gap:8px;min-width:0;font-weight:800;display:flex}table.ladder .who img{border-radius:50%;width:24px;height:24px}.tier{font-family:var(--f-display);color:var(--ink);white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px}.my-rank{background:var(--screen);color:var(--ink);border:3px solid var(--ink);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:12px;padding:10px 12px;display:flex;box-shadow:inset 0 0 0 2px #fff}.my-rank .big{font-family:var(--f-num);font-size:32px;line-height:1}.daily-no{font-size:30px}.cd-box{justify-items:end;gap:2px;display:grid}.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-bottom:14px;display:grid}.stat{background:var(--screen);color:var(--ink);border:3px solid var(--ink);border-radius:10px;padding:8px 12px;display:grid;box-shadow:inset 0 0 0 2px #fff}.stat .v{font-family:var(--f-num);font-size:34px;line-height:1}.stat .k{font-family:var(--f-display);color:#5c5980;font-size:10px}.my-daily{grid-template-columns:minmax(0,200px) minmax(0,1fr);align-items:start;gap:14px;display:grid}@media (width<=520px){.my-daily{grid-template-columns:minmax(0,1fr)}}.share-box{background:var(--screen);width:100%;color:var(--ink);font:13px/1.4 var(--f-body);border:2px solid #000;border-radius:8px;padding:8px}.btn.star{color:var(--ink);border-color:var(--ink);background:#fff;padding:3px 10px;font-size:13px}.btn.star.primary{background:var(--accent)}.text-in{background:var(--screen);min-width:0;color:var(--ink);border:3px solid #000;border-radius:8px;flex:160px;padding:8px 10px;font-size:15px;font-weight:800}.team-name{color:var(--accent);overflow-wrap:anywhere;font-size:22px}.team-code{font-size:22px}.team-forms{border-top:2px solid var(--line);margin-top:16px;padding-top:12px}.team-forms summary{cursor:pointer;font-family:var(--f-display);color:var(--muted);font-size:13px}.team-layout{grid-template-columns:minmax(0,340px) minmax(0,1fr)}@media (width<=820px){.team-layout{grid-template-columns:minmax(0,1fr)}}.rank-n{font-family:var(--f-num);text-align:right;width:1.2em;font-size:20px}.player .tier{flex:none}.room-main>.phase{margin-top:6px}.room-main>.btn{justify-self:start}#hub,.hub-view{gap:16px;display:grid}.profile-strip{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pchip{background:var(--panel);border:2px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 4px;font-size:13px;font-weight:800;display:inline-flex}.pchip.plain{padding-left:12px}.pchip img{border-radius:50%;width:24px;height:24px}.pchip .num{font-family:var(--f-num);font-size:18px;line-height:1}.modes{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;display:grid}.mode{background:var(--panel);border:3px solid #000;border-radius:16px;grid-template-rows:auto 1fr auto;min-width:0;display:grid;overflow:hidden;box-shadow:0 6px #000}.mode-art{border-bottom:3px solid #000;place-items:center;height:150px;display:grid;position:relative;overflow:hidden}.mode-art canvas{width:auto;max-width:100%;height:116px;image-rendering:pixelated}.mode-daily .mode-art{background:radial-gradient(circle at 50% 62%,#c9f1f6 0 26%,#8fd6e2 27% 44%,#5fb8c9 45% 100%)}.mode-libre .mode-art{background:repeating-linear-gradient(0deg,#ffe48a 0 6px,#ffd65a 6px 12px)}.mode-combat .mode-art{background:linear-gradient(100deg,#f28a86 0 49.4%,#000 49.4% 50.6%,#7d98f0 50.6% 100%)}.mode-no{font-family:var(--f-display);color:#fff;text-shadow:2px 2px #000;font-size:18px;position:absolute;top:10px;left:12px}.mode-body{align-content:start;gap:6px;padding:14px 16px 4px;display:grid}.mode-body h2{font-size:22px}.mode-body p{color:var(--muted);margin:0;font-size:14px}.mode-kicker{font-family:var(--f-display);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.mode-status{gap:3px;min-height:2.8em;margin-top:6px;font-size:13px;font-weight:700;display:grid}.mode-status .ok{color:var(--ok)}.mode-status .timer{font-size:22px}.mode-cta{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px 16px;display:flex}.happening{gap:8px;display:grid}.subtabs{flex-wrap:wrap;gap:6px;display:flex}.subtabs button{border:2px solid var(--line);font-family:var(--f-display);color:var(--muted);background:0 0;border-radius:999px;padding:6px 14px;font-size:13px}.subtabs button[aria-selected=true]{background:var(--teal);color:var(--ink);border-color:#000}#tunnel{gap:16px;display:grid}.tun-head{top:env(safe-area-inset-top,0px);z-index:20;background:var(--bezel);border-bottom:2px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 16px;padding-block:10px;display:flex;position:sticky}.tun-title{flex:1;gap:6px;min-width:0;display:grid}.tun-mode{font-family:var(--f-display);color:var(--accent);text-shadow:2px 2px #000;font-size:18px}.stepper{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.stepper li{font-family:var(--f-display);border:2px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:3px 9px 3px 4px;font-size:11px;display:flex}.stepper li .n{background:var(--panel-2);width:18px;height:18px;font-family:var(--f-num);border-radius:50%;place-items:center;font-size:15px;line-height:1;display:grid}.stepper li.done{color:var(--ok);border-color:#3f7a4a}.stepper li.current{background:var(--accent);color:var(--accent-ink);border-color:#000}.stepper li.current .n{background:#0002}.tun-confirm{border:3px solid var(--red);background:#4a1f3c;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;font-weight:800;display:flex}.tun-confirm span{flex:220px}.step{gap:16px;display:grid}.step-head h2{font-size:22px}.step-head p{margin:4px 0 0}.step-cta{border-top:2px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;display:flex}.step-cta .hint{text-align:center;flex:200px}.btn.big{padding:10px 18px;font-size:16px}#step-dessin .step-cta{border-top:0;border-bottom:2px solid var(--line);order:-1;padding-top:0;padding-bottom:12px}#resultBody,#voteBody{gap:16px;display:grid}#step-tirage .cards{grid-template-columns:repeat(6,minmax(0,1fr));justify-self:center;gap:12px;width:100%;max-width:1000px}@media (width<=760px){#step-tirage .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}#step-tirage .regions{margin:0}.tirage-foot{grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:center;gap:14px;display:grid}@media (width<=760px){.tirage-foot{grid-template-columns:minmax(0,1fr)}}.tirage-foot .fusion-box{margin-top:0}.dessin-layout{grid-template-columns:auto minmax(0,1fr) minmax(0,180px);align-items:start;gap:14px;display:grid}@media (width<=900px){.dessin-layout{grid-template-columns:auto minmax(0,1fr)}.mini-recipe{grid-area:1/1/auto/-1}}@media (width<=600px){.dessin-layout{grid-template-columns:minmax(0,1fr)}}#step-dessin .stage{justify-self:center;width:min(100%,max(280px,100vh - 250px),640px);max-width:100%}#step-dessin .controls{justify-self:center;width:100%}.mini-recipe{gap:8px;display:grid}#miniRecipe{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}@media (width<=900px){#miniRecipe{grid-template-columns:repeat(6,minmax(0,1fr))}}.rbtn{background:var(--screen);color:var(--ink);border:2px solid var(--ink);border-radius:8px;justify-items:center;gap:1px;min-width:0;padding:4px 2px;display:grid}.rbtn img{width:44px;height:44px;image-rendering:pixelated}.rbtn .p{font-family:var(--f-display);color:#5c5980;font-size:9px}.rbtn .nm{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:800;overflow:hidden}.rbtn[aria-pressed=true]{background:var(--teal)}.rbtn[aria-pressed=true] .p{color:var(--ink)}.envoi{grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:start;gap:22px;display:grid}@media (width<=700px){.envoi{grid-template-columns:minmax(0,1fr)}}.preview{aspect-ratio:1;object-fit:contain;background:#fff;border:3px solid #000;border-radius:10px;width:100%}.envoi-side{align-content:start;gap:12px;display:grid}.envoi-side h2{font-size:20px}.envoi-side .field{margin:0}.envoi-side .text-in{font-size:18px}.envoi-note{color:var(--muted);margin:0}.result-hero{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:center;gap:22px;display:grid}@media (width<=700px){.result-hero{grid-template-columns:minmax(0,1fr)}}.result-hero h2{color:var(--accent);text-shadow:3px 3px #000;overflow-wrap:anywhere;font-size:28px}.result-hero .preview{max-width:300px}.daily-hero{background:var(--panel);border:3px solid #000;border-radius:18px;gap:14px;padding:18px;display:grid;box-shadow:0 6px #000}.dh-head{flex-wrap:wrap;align-items:center;gap:14px 24px;display:flex}.dh-title{flex:260px;gap:2px;min-width:0;display:grid}.dh-title h2{color:var(--accent);text-shadow:3px 3px #000;font-size:28px}.dh-title .hint{margin:0}.dh-cd{justify-items:end;gap:2px;display:grid}.dh-lead{color:var(--muted);max-width:70ch;margin:0}.streak{--f1:#ff9d3a;--f2:#ffe27a;background:var(--screen);color:var(--ink);border:3px solid #000;border-radius:12px;align-items:center;gap:10px;padding:6px 14px 6px 10px;display:flex}.streak.warn{box-shadow:0 0 0 3px var(--red)}.flame{--f1:#8e8aa8;--f2:#c9c6dc;display:inline-grid}.flame.lit{--f1:#ff7a2a;--f2:#ffe27a}.flame svg{display:block}.st-text{line-height:1.1;display:grid}.st-n{font-family:var(--f-num);font-size:38px;line-height:.9}.st-l{font-family:var(--f-display);font-size:11px}.st-h{color:#5c5980;font-size:12px;font-weight:700}.streak-inline{--f1:#8e8aa8;--f2:#c9c6dc;align-items:center;gap:8px;display:flex}.streak-inline .flame svg{width:20px;height:24px}.dmodes{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (width<=1000px){.dmodes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.dmodes{grid-template-columns:minmax(0,1fr)}}.dmode{--mc:var(--accent);background:var(--screen);color:var(--ink);border:3px solid #000;border-radius:14px;grid-template-rows:auto 1fr auto;gap:10px;min-width:0;padding:10px;display:grid}.dmode.done{background:#e9f4ec}.dm-art{background:radial-gradient(circle at 50% 60%, #fffa 0 28%, transparent 29%), var(--mc);border:2px solid #000;border-radius:9px;place-items:center;height:112px;display:grid;position:relative}.dm-art canvas{width:96px;height:96px;image-rendering:pixelated}.dm-gen{font-family:var(--f-display);color:#fff;background:#000;border-radius:4px;padding:2px 6px;font-size:11px;position:absolute;top:6px;left:6px}.dm-body{align-content:start;gap:3px;display:grid}.dm-body h3{font-size:18px}.dm-detail{color:#5c5980;font-size:12px;font-weight:700}.dm-count{font-size:14px}.dm-count b{font-family:var(--f-num);font-size:24px;font-weight:400}.dm-state{color:#5c5980;align-items:center;gap:4px;font-size:13px;font-weight:800;display:inline-flex}.dm-state.ok{color:#1d7a34}.dmode .btn{justify-content:center;justify-self:stretch}@media (width<=520px){.dmode{grid-template-rows:auto auto;grid-template-columns:92px minmax(0,1fr)}.dm-art{height:92px}.dm-art canvas{width:76px;height:76px}.dmode .btn{grid-column:1/-1}}.dmode .btn:not(.primary){color:var(--ink);border-color:var(--ink);background:#fff}.section-title{color:var(--muted);font-size:15px}.modes.secondary{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:14px}.modes.secondary .mode{border-radius:14px;grid-template-rows:1fr auto;grid-template-columns:minmax(0,120px) minmax(0,1fr);box-shadow:0 4px #000}.modes.secondary .mode-art{border-bottom:0;border-right:3px solid #000;grid-row:1/span 2;height:auto;min-height:140px}.modes.secondary .mode-art canvas{height:72px}.modes.secondary .mode-body h2{font-size:17px}.modes.secondary .mode-body p{font-size:13px}.modes.secondary .mode-status{min-height:0}.modes.secondary .mode-cta{padding-top:4px}@media (width<=460px){.modes.secondary .mode{grid-template-columns:minmax(0,1fr)}.modes.secondary .mode-art{border-bottom:3px solid #000;border-right:0;grid-row:auto;min-height:110px}}.bloc-ico{vertical-align:middle;display:inline-grid}.bloc-ico svg{display:block}.bloc-btn{color:var(--ink);border:2px solid var(--ink);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:3px 10px;font-size:14px;font-weight:800;display:inline-flex}.bloc-btn[aria-pressed=true]{background:var(--accent)}.bloc-btn:disabled{opacity:.7;cursor:default}.bloc-line{flex-wrap:wrap;align-items:center;gap:4px;margin:0;display:flex}.dm-tag{--mc:var(--accent);font-family:var(--f-display);background:var(--mc);color:#fff;text-shadow:1px 1px #0008;border:1px solid #000;border-radius:4px;padding:2px 7px;font-size:10px}.dm-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}@media (width<=700px){.dm-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}.dm-tab{--mc:var(--accent);text-align:left;background:var(--panel-2);border:2px solid var(--line);border-left:6px solid var(--mc);border-radius:8px;gap:2px;padding:6px 10px;display:grid}.dm-tab .n{font-family:var(--f-display);font-size:13px}.dm-tab .c{color:var(--muted);font-size:12px}.dm-tab[aria-selected=true]{background:var(--screen);color:var(--ink);border-color:#000;border-left-color:var(--mc)}.dm-tab[aria-selected=true] .c{color:#5c5980}footer{color:var(--muted);text-align:center;font-size:12px}footer a{color:var(--muted)}.toast{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;background:var(--screen);color:var(--ink);border:3px solid #000;border-radius:10px;max-width:calc(100% - 32px);padding:10px 14px;font-weight:800;position:fixed;transform:translate(-50%);box-shadow:0 4px #000}.loading{text-align:center;font-family:var(--f-display);color:var(--muted);padding:60px 0}@media (prefers-reduced-motion:reduce){.card-inner{transition:none}.card.flash .face.front{animation:none}.gcard:hover{transform:none}}