:root{--accent: #ce7d0b;--accent-soft: #e8a03b;--accent-wash: rgba(206, 125, 11, .12);--action: #5865f2;--action-hover: #4752c4;--ground: #0e1116;--surface: #161a21;--surface-2: #1d222b;--line: #2b323d;--text: #e9ecf1;--text-2: #a7b0bf;--text-3: #79828f;--ok: #6bc08d;--ko: #e0755c;--stat: #7fd18f;--radius: 3px;--radius-sm: 2px;--gap: 12px;--tooltip-width: 380px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--text);font-family:gg sans,Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.arcade{min-height:100dvh;max-width:1060px;margin-inline:auto;padding:calc(env(safe-area-inset-top) + 14px) calc(env(safe-area-inset-right) + 14px) calc(env(safe-area-inset-bottom) + 14px) calc(env(safe-area-inset-left) + 14px);display:flex;flex-direction:column;gap:var(--gap)}.screen{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--gap);min-width:0}@media(prefers-reduced-motion:no-preference){.screen{animation:screen-enter .26s ease-out both}}@keyframes screen-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.app-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;min-width:0}.brand-logo{width:28px;height:28px;border-radius:50%;flex:0 0 auto}.brand-name{font-weight:700;font-size:16px}.brand-help{margin-left:auto;flex:0 0 auto;width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700}.brand-help:hover{color:var(--text);border-color:var(--action)}.brand-invite{flex:0 0 auto;border:1px solid var(--action);font-size:12.5px;padding:7px 14px}.brand-invite:hover{border-color:var(--action-hover)}.app-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.footer-links{display:flex;flex-wrap:wrap;gap:6px 18px}.footer-link{background:transparent;border:none;padding:0;color:var(--text-3);font-size:12.5px;font-weight:500}.footer-link:hover{color:var(--text)}.footer-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:11.5px;color:var(--text-3)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:13px}.label{font-size:11.5px;font-weight:600;color:var(--text-3);margin-bottom:8px}.row{display:flex;gap:var(--gap);align-items:stretch;min-width:0}.col{display:flex;flex-direction:column;gap:var(--gap);min-width:0}.grow{flex:1 1 auto;min-width:0}.side{flex:0 0 220px}.clue-column{flex:0 0 var(--tooltip-width)}.answer-column{flex:1 1 260px;min-width:0}.answer-column .choices{grid-template-columns:1fr}button{font:inherit;border:0;border-radius:var(--radius-sm);padding:10px 16px;background:var(--action);color:#fff;font-weight:600;cursor:pointer}button:hover:not(:disabled):not(:where(.ghost,.choice,.game-card,.footer-link)){background:var(--action-hover)}button:disabled{background:var(--surface-2);color:var(--text-3);cursor:not-allowed}button.ghost{background:transparent;border:1px solid var(--line);color:var(--text-2);font-weight:500}button:focus-visible,input:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}input,select{font:inherit;background:#00000059;border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text);min-width:0}select{appearance:none;background-color:var(--surface-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8 9.5 4.5' fill='none' stroke='%23a7b0bf' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;padding-right:30px;cursor:pointer}select:hover{border-color:var(--accent)}select option{background-color:var(--surface-2);color:var(--text)}.round-timer{display:flex;flex-direction:column;gap:6px}.timer-track{display:block;flex:none;width:100%;height:6px;background:var(--line);border-radius:var(--radius-sm);overflow:hidden}.timer-fill{display:block;height:100%;background:var(--accent);border-radius:var(--radius-sm)}.clock{font-variant-numeric:tabular-nums;color:var(--accent-soft);min-width:8ch;text-align:right}.tooltip{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;background:var(--surface);max-width:var(--tooltip-width)}.tooltip-header{display:flex;align-items:flex-start;gap:12px;background:#00000040;border-bottom:1px solid var(--line);padding:13px 15px}.tooltip-title{flex:1 1 auto;min-width:0;font-weight:700;font-size:16px;line-height:1.25}.tooltip-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:3px;font-size:13px;font-weight:400;color:var(--text-3)}.tooltip-meta .sep{opacity:.6}.type-emoji{width:15px;height:15px;flex:none;font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.tooltip-icon{flex:none}.tooltip-icon .clue-icon{width:56px;height:56px}.tooltip-body{padding:14px;display:flex;flex-direction:column;gap:11px}.tooltip-footer{border-top:1px solid var(--line);padding:9px 14px;background:var(--surface-2)}.tooltip-divider{display:flex;align-items:center;gap:8px}.tooltip-divider:before,.tooltip-divider:after{content:"";height:1px;background:var(--line);flex:1 1 auto}.tooltip-divider span{color:var(--accent);opacity:.55;font-size:9px}.stat-line{display:flex;align-items:center;gap:8px;font-size:13.5px}.stat-line .label{margin-bottom:0}.tooltip-desc .clue-text{font-style:italic;color:var(--text-2);font-size:13.5px}.item-set-name{flex-basis:100%;color:var(--accent-soft);font-size:13px;font-weight:400}.unknown-name{color:var(--text-3);font-weight:500;letter-spacing:.1em}.stage{background:#00000047;border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;min-height:150px}.clue-icon{width:84px;height:84px;image-rendering:auto}.clue-text{max-width:46ch;white-space:pre-wrap}.effects{display:flex;flex-direction:column;gap:12px}.effect-group{display:flex;flex-direction:column;gap:5px}.effect-line{display:flex;align-items:flex-start;gap:7px}.effect-text{min-width:0}.effect-line strong{color:var(--stat)}.effect-quote{margin-top:3px;padding-left:9px;border-left:2px solid var(--line);color:var(--text-2);font-size:.94em}.effect-emoji{width:18px;height:18px;flex:none;font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center;margin-top:.15em}.pods-emoji{width:18px;height:18px;flex:none;font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.action-bar{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:4px}.action-bar button{font-size:12.5px;padding:6px 12px}.toggle{background:transparent;border:1px solid var(--line);color:var(--text-2);font-weight:500;font-size:12.5px;padding:6px 12px}.toggle[aria-pressed=true]{border-color:#ce7d0b8c;background:var(--accent-wash);color:var(--accent-soft)}.loading{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:55vh}.loading-orbit{display:flex;gap:10px}.loading-orbit span{display:block;width:11px;height:11px;border-radius:50%;background:var(--accent);opacity:.25}@media(prefers-reduced-motion:no-preference){.loading-orbit span{animation:loading-pulse 1.1s ease-in-out infinite}.loading-orbit span:nth-child(2){animation-delay:.15s}.loading-orbit span:nth-child(3){animation-delay:.3s}}@media(prefers-reduced-motion:reduce){.loading-orbit span{opacity:.55}}@keyframes loading-pulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.ingredients{display:flex;flex-direction:column;gap:5px}.ingredient{display:flex;align-items:center;gap:7px;font-size:13.5px}.ingredient-icon{width:24px;height:24px;flex:none}.ingredient-qty{color:var(--text-3);font-variant-numeric:tabular-nums}.badges{display:flex;flex-wrap:wrap;gap:7px}.badge{font-size:11px;padding:4px 9px;border-radius:var(--radius-sm);border:1px solid var(--line);color:var(--text-2)}.badge.on{border-color:#ce7d0b8c;color:var(--accent-soft);background:var(--accent-wash)}.entries{display:flex;flex-direction:column;gap:7px}.entry{display:flex;align-items:center;gap:8px;font-size:13.5px}.entry .name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry .value{font-variant-numeric:tabular-nums;color:var(--text-2)}.entry .value.hot{color:var(--accent-soft)}.avatar{width:20px;height:20px;border-radius:50%;flex:none;background:var(--surface-2);object-fit:cover}.status{font-size:11px}.choices.watching .choice{opacity:.72;cursor:default}.spectators{margin-top:11px;padding-top:10px;border-top:1px solid var(--line)}.spectators .feed{flex-direction:row;flex-wrap:wrap;gap:4px 10px}.scoreboard-entry{display:flex;flex-direction:column;gap:3px}.entry-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-left:28px}.first-solver{flex:none;font-size:11px;font-weight:600;padding:2px 7px;border-radius:var(--radius-sm);color:var(--accent-soft);background:var(--accent-wash);border:1px solid rgba(206,125,11,.45);white-space:nowrap}.status.ok{color:var(--ok)}.status.ko{color:var(--ko)}.status.wait{color:var(--text-3)}.feed{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--text-2)}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.choice{text-align:left;background:transparent;border:1px solid var(--line);color:var(--text);font-weight:500}.choice:hover:not(:disabled){border-color:var(--accent)}.choice.ok{border-color:var(--ok);color:var(--ok);background:#6bc08d24}.choice.ko{border-color:var(--ko);color:var(--ko);background:#e0755c24}.choice.discarded{opacity:.4}.choice.masked{color:transparent;text-shadow:0 0 9px var(--text-3);-webkit-user-select:none;user-select:none;cursor:default}@media(prefers-reduced-motion:no-preference){.choice{transition:border-color .15s ease,background-color .15s ease,color .15s ease,opacity .25s ease}.choice.masked,.choice:not(.masked){transition:border-color .15s ease,background-color .15s ease,color .3s ease,text-shadow .3s ease,opacity .25s ease}}.setting{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13.5px}.setting input[type=number]{width:5.5rem;padding:6px 8px}.setting-group{display:flex;flex-direction:column;gap:9px;padding:10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#00000029}.setting-group .label{margin-bottom:0}.hint{font-size:12.5px;color:var(--text-3)}.hint.warn{color:var(--ko)}.game-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.game-card{display:flex;flex-direction:row;align-items:center;gap:14px;padding:14px 16px;text-align:left;background:var(--surface);border:1px solid var(--line);color:var(--text)}.game-card:hover:not(:disabled){border-color:var(--accent);background:var(--surface-2)}.game-card-art{flex:0 0 auto;width:52px;height:52px;object-fit:contain}.game-card-text{display:flex;flex-direction:column;gap:3px;min-width:0}.game-card:disabled{cursor:default;opacity:.75}.game-card-art{font-size:30px;line-height:1}.game-card-name{font-weight:600;font-size:15px}.game-card-desc{font-size:12.5px;color:var(--text-3);font-weight:400}.game-change{align-self:flex-start;margin-bottom:10px;font-size:12.5px;padding:5px 10px}.faq-tabs{display:flex;gap:3px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:3px}.faq-tab{flex:1;border:none;background:transparent;color:var(--text-2);font-size:13px;padding:7px 6px;border-radius:var(--radius-sm)}.faq-tab:hover{color:var(--text)}.faq-tab.on,.faq-tab.on:hover{background:var(--accent);color:#fff;font-weight:600}.faq-accordion{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.faq-head{width:100%;display:flex;align-items:center;gap:10px;border:none;border-bottom:1px solid var(--line);background:transparent;color:var(--text);font-size:14px;text-align:left;padding:12px 13px;border-radius:0}.faq-head[aria-expanded=true]{color:var(--accent-soft)}.faq-accordion>div:last-child .faq-head{border-bottom:none}.faq-accordion .faq-panel{padding:0 13px 13px}.faq-panel{display:flex;flex-direction:column;gap:var(--gap)}.faq-list{display:flex;flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;font-size:13px;line-height:1.5;color:var(--text-2)}.calc-total{display:flex;align-items:baseline;gap:9px;margin-bottom:14px}.calc-total b{font-size:36px;line-height:1;font-weight:700;color:var(--accent-soft);font-variant-numeric:tabular-nums}.calc-total span{font-size:12.5px;color:var(--text-3)}.calc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.calc-chip{display:inline-flex;gap:6px;background:var(--surface-2);border-radius:var(--radius-sm);padding:5px 10px;font-size:12px;color:var(--text-3)}.calc-value{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.calc-value.ok{color:var(--stat)}.calc-value.ko{color:var(--ko)}.calc-row{display:flex;align-items:center;gap:12px;margin-bottom:9px}.calc-row label{flex:0 0 auto;width:112px;font-size:12.5px;color:var(--text-2)}.calc-row input[type=range]{flex:1;min-width:0;accent-color:var(--accent)}.calc-row output{flex:0 0 auto;width:46px;text-align:right;font-size:12.5px;font-variant-numeric:tabular-nums}.calc-check{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-2)}.calc-check input{accent-color:var(--accent)}@media(max-width:720px){.calc-row{flex-wrap:wrap}.calc-row label{width:auto;flex:1 0 100%}}.dofus-look{display:flex;align-items:center;justify-content:center;margin:0 auto;max-width:100%}.look-canvas{max-width:100%;max-height:100%}.dofus-look.is-failed .look-canvas{visibility:hidden}.cosmetic-stage{display:flex;flex-direction:column;align-items:center;gap:10px}.orientation-controls{display:flex;align-items:center;gap:8px}.orientation-arrow{background:transparent;border:1px solid var(--line);color:var(--text-2);font-size:18px;line-height:1;padding:2px 10px 6px}.orientation-arrow:hover{border-color:var(--accent);color:var(--accent-soft)}@media(max-width:720px){.row{flex-direction:column}.side,.clue-column,.answer-column{flex:1 1 auto}.tooltip{max-width:none}.tooltip-body{max-height:45dvh;overflow-y:auto;overscroll-behavior:contain}}