*{box-sizing:border-box}body{margin:0;font:15px/1.5 var(--font-ui,system-ui,sans-serif)}[hidden]{display:none!important}button,input,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:9px 13px;border:1px solid var(--line-strong);border-radius:7px;background:var(--panel-2);color:var(--ink);cursor:pointer;text-decoration:none;font-weight:650;line-height:1.25}button:hover,.button:hover{border-color:var(--accent);color:var(--accent-text)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}a{color:var(--accent-text)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.dice-page{max-width:1320px;margin:0 auto;padding:30px 28px 64px}.dice-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.back-link{font-size:13px;text-decoration:none;color:var(--muted)}.eyebrow{letter-spacing:.2em;color:var(--accent-text);font-size:11px;font-weight:800;margin:24px 0 8px}h1{font-size:clamp(28px,3.6vw,44px);line-height:1.1;letter-spacing:-.035em;margin:0 0 12px}h2{font-size:17px;margin:0 0 22px;display:flex;align-items:center;gap:10px}.subtitle{color:var(--muted);margin:0}.format-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:20px;width:88px;height:88px;flex:none;font-size:30px;font-weight:850;color:var(--accent-text);transform:rotate(8deg)}.format-badge small{font-size:10px;letter-spacing:.2em;color:var(--muted)}.dice-layout{display:grid;grid-template-columns:370px minmax(0,1fr);gap:22px;align-items:start}.dice-controls,.dice-preview-column{display:grid;gap:22px;min-width:0}.dice-panel{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:24px;min-width:0}.step{font:600 11px/1 var(--font-ui);display:grid;place-items:center;width:25px;height:25px;background:rgb(var(--accent-rgb)/.12);color:var(--accent-text);border-radius:6px}label{display:block;font-size:13px;font-weight:650;margin-bottom:15px}input:not([type=checkbox]):not([type=range]),select{display:block;width:100%;min-width:0;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface-input);color:var(--ink);padding:9px 10px;min-height:41px;margin-top:7px}input[type=color]{padding:4px!important;cursor:pointer;height:42px}input[type=range]{display:block;width:100%;accent-color:var(--accent);margin:12px 0 0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check-label{display:flex;gap:9px;align-items:center;font-weight:450;color:var(--muted)}.check-label input{accent-color:var(--accent);width:16px;height:16px}output{float:right;color:var(--accent-text)}.hint{font-size:12px;color:var(--muted);font-weight:400;line-height:1.6}.selected-logo{display:flex;align-items:center;gap:12px;margin-bottom:18px;min-height:60px}.selected-logo img{width:52px;height:52px;object-fit:contain;flex:none}.selected-logo strong{font-size:13px;overflow-wrap:anywhere}.selected-logo p{margin:4px 0}.inline-field{display:flex;align-items:center;gap:8px}.inline-field input{margin:0!important}.inline-field button{font-size:12px}.team-list{max-height:230px;overflow:auto;margin:12px 0}.team-choice{width:100%;justify-content:flex-start;text-align:left;border:1px solid transparent;border-bottom-color:var(--line);border-radius:0;background:transparent;font-size:13px;font-weight:500;gap:10px}.team-choice img{width:32px;height:32px;object-fit:contain;flex:none}.team-choice span{overflow-wrap:anywhere}.team-choice small{display:block;color:var(--muted);font-size:11px}.team-choice[aria-pressed=true]{background:rgb(var(--accent-rgb)/.08);border-color:var(--accent)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 18px}.pagination button{min-height:30px;padding:3px 12px}.button-row{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.dice-controls .button-row{margin-top:16px}.dice-controls .button-row button{font-size:12px}details{border-top:1px solid var(--line);padding-top:15px;margin-top:18px}summary{cursor:pointer;font-size:13px;font-weight:650;color:var(--muted)}details[open]>summary{margin-bottom:16px;color:var(--ink)}.link-form button{width:100%}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title h2{margin:0}.panel-title button{font-size:11px;min-height:30px;padding:7px 10px}.preview-panel{overflow:hidden;background:radial-gradient(ellipse at 50% 42%,rgb(var(--accent-rgb)/.045),transparent 60%),var(--surface)}.cube-stage{height:330px;position:relative;display:flex;align-items:center;justify-content:center;perspective:850px;touch-action:none;cursor:grab}.cube-stage:active{cursor:grabbing}.cube{width:160px;height:160px;position:relative;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(145deg)}.cube-face{position:absolute;inset:0;width:160px;height:160px;border-radius:10px;backface-visibility:hidden;box-shadow:inset 0 0 14px #0005;border:1px solid #ffffff22}.face-front{transform:translateZ(80px)}.face-back{transform:rotateY(180deg) translateZ(80px)}.face-right{transform:rotateY(90deg) translateZ(80px)}.face-left{transform:rotateY(-90deg) translateZ(80px)}.face-top{transform:rotateX(90deg) translateZ(80px)}.face-bottom{transform:rotateX(-90deg) translateZ(80px)}.cube-shadow{position:absolute;bottom:25px;width:160px;height:28px;background:#0007;filter:blur(18px);border-radius:50%}.preview-caption{text-align:center;margin:0 0 24px}.face-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.face-swatch{margin:0;text-align:center;min-width:0}.face-swatch canvas{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--line)}.face-swatch figcaption{font-size:11px;color:var(--muted);margin-top:7px}.export-panel h2{margin-bottom:10px}.export-panel>.hint{margin-bottom:18px}#export-status{font-size:13px;overflow-wrap:anywhere;min-height:20px}#export-status[data-error=true],#logo-status[data-error=true]{color:var(--danger)}#export-result{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}#export-url{font-size:12px}#local-note{border-left:2px solid var(--accent);padding-left:12px}.instructions ol{padding-left:22px;color:var(--muted);font-size:13px}.instructions li{padding:0 0 9px}.history-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.history-item strong{font-size:13px;overflow-wrap:anywhere}.history-item time{display:block;font-size:11px;color:var(--muted)}.history-item button{font-size:11px;min-height:32px;padding:6px 9px}.history-item .button-row{flex:none}.history-item .delete-export{color:var(--danger)}@media(max-width:980px){.dice-layout{grid-template-columns:320px minmax(0,1fr);gap:16px}.dice-panel{padding:18px}.face-grid{gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.face-swatch canvas{max-width:90px;margin:auto}}@media(max-width:720px){.dice-page{padding:22px 16px 40px}.dice-layout{grid-template-columns:1fr}.dice-preview-column{grid-row:1}.dice-heading{margin-bottom:22px}.format-badge{width:62px;height:62px;font-size:24px}.eyebrow{margin-top:18px}.cube-stage{height:290px}.face-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.export-panel{order:1}.dice-controls{grid-row:2}.dice-layout>.dice-preview-column{display:contents}.preview-panel{grid-row:1}.dice-controls{grid-row:2}.export-panel{grid-row:3}.history-item{align-items:flex-start;flex-wrap:wrap}}