html,body,#app-root{width:100%;height:var(--app-viewport-height,100dvh);margin:0;overflow:hidden}body{background:var(--app-bg-color,#111827);color:var(--app-text-color,#f9fafb);justify-content:center;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}#app-root{width:100%;max-width:430px;height:var(--app-viewport-height,100dvh);position:relative}.app-shell{box-sizing:border-box;width:100%;height:var(--app-viewport-height,100dvh);min-height:100%;padding:max(12px, var(--app-safe-top,0px)) max(12px, var(--app-safe-right,0px)) max(12px, var(--app-safe-bottom,0px)) max(12px, var(--app-safe-left,0px));background:#111827}.game-screen{grid-template-rows:44px minmax(0,1fr);gap:14px;width:100%;height:100%;min-height:0;display:grid;position:relative}.game-screen__topbar{justify-content:space-between;align-items:center;min-width:0;display:flex}.game-screen__dice-info{align-items:center;gap:7px;min-width:0;max-width:calc(100% - 50px);display:inline-flex;overflow:hidden}.game-screen__dice-info-item{color:#f9fafb;flex:0 auto;align-items:center;gap:5px;min-width:0;display:inline-flex}.game-screen__dice-info-item>span:last-child{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:800;overflow:hidden}.icon-button{color:#f9fafb;cursor:pointer;font:inherit;background:#1f2937e0;border:1px solid #4b5563;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.25rem;font-weight:800;line-height:1;display:inline-flex}.icon-button:focus-visible,.dice-stage:focus-visible,.dice-error button:focus-visible{outline-offset:2px;outline:3px solid #fff}.dice-stage{cursor:pointer;background:radial-gradient(circle at 50% 42%,#1f2937,#030712 64%);border:1px solid #374151;border-radius:20px;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.dice-stage[aria-disabled=true]{cursor:default}.tap-hint{border-radius:inherit;pointer-events:none;z-index:3;background:#03071294;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tap-hint__icon{filter:drop-shadow(0 18px 28px #00000073);object-fit:contain;width:clamp(86px,28vw,132px);height:clamp(86px,28vw,132px);animation:1.3s cubic-bezier(.34,1.56,.64,1) infinite tap-hint-bounce;display:block}.tap-hint__fallback{color:#111827;text-transform:uppercase;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;font-size:.875rem;font-weight:900;animation:1.3s cubic-bezier(.34,1.56,.64,1) infinite tap-hint-bounce;display:inline-flex;box-shadow:0 18px 28px #00000059}#dice-box{width:100%;height:100%;position:relative}#dice-box canvas{width:100%;height:100%}.dice-error{z-index:2;color:#fff;background:#111111e0;border:1px solid #ffffff3d;border-radius:8px;gap:10px;padding:12px;display:grid;position:absolute;inset:auto 12px 12px}.dice-loader{color:#fff;z-index:2;place-items:center;gap:12px;width:100%;max-width:min(240px,100% - 48px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dice-loader span:first-child{font-size:.875rem;font-weight:800}.dice-loader__track{background:#ffffff2e;border-radius:999px;width:100%;height:6px;display:block;overflow:hidden}.dice-loader__bar{border-radius:inherit;background:#fff;width:42%;height:100%;animation:1.05s ease-in-out infinite dice-loader-slide;display:block}.dice-error p{margin:0}.dice-error__diagnostic{color:#d1d5db;font-size:.875rem}.dice-error button{background:var(--app-button-color,#3b82f6);color:var(--app-button-text-color,#fff);cursor:pointer;font:inherit;border:0;border-radius:6px;justify-self:start;padding:8px 12px;font-weight:700}.dice-miniature{background:var(--dice-color,#fff);color:var(--dice-text-color,#111827);flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:900;display:inline-flex}.dice-miniature--cube{border-radius:7px}.dice-miniature--octahedron{clip-path:polygon(50% 0%,100% 28%,100% 72%,50% 100%,0% 72%,0% 28%)}.dice-editor{box-sizing:border-box;color:#111827;z-index:4;background:#f9fafb;border-radius:18px 18px 0 0;gap:12px;max-height:min(72dvh,430px);padding:14px;display:grid;position:absolute;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -14px 45px #00000059}.dice-editor__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.dice-editor__head p{color:#6b7280;margin:0;font-size:.8125rem;font-weight:800}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.dice-chip{background:#e5e7eb;border-radius:999px;align-items:center;gap:7px;min-height:40px;padding:7px 10px;font-weight:700;display:inline-flex}.dice-color-picker,.dice-editor__rows{gap:8px;display:grid}.dice-color-picker__control{grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:10px;display:grid}.dice-color-picker__preview{background:var(--dice-color,#fff);box-sizing:border-box;color:var(--dice-text-color,#111827);text-transform:uppercase;border:1px solid #d1d5db;border-radius:12px;align-items:center;min-height:44px;padding:10px 12px;font-size:.875rem;font-weight:900;display:inline-flex}.dice-color-picker input{cursor:pointer;background:0 0;border:0;width:48px;height:44px;padding:0}.dice-editor-row{background:#eef2f7;border:1px solid #dbe1ea;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.dice-editor-row__heading{color:#111827;align-items:center;min-height:42px;font-weight:900;display:flex}.dice-editor-row__remove{width:42px;height:42px}.dice-editor__rows--large-rows .dice-editor-row{grid-template-columns:auto minmax(0,1fr) auto}.field-label{color:#4b5563;font-size:.8125rem;font-weight:700;display:block}.dice-type-selector{min-width:0}.dice-type-selector__select{appearance:auto;box-sizing:border-box;color:#111827;cursor:pointer;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;min-width:0;min-height:42px;padding:8px 10px;font-size:.875rem;font-weight:800}.editor-actions{justify-content:flex-end;display:flex}.primary-button,.secondary-button,.text-button,.editor-icon-button{cursor:pointer;font:inherit;font-weight:800}.primary-button,.secondary-button{border-radius:12px;min-height:44px;padding:11px}.primary-button{color:#fff;background:#111827;border:0}.secondary-button{color:#111827;background:#fff;border:1px solid #d1d5db}.secondary-button:disabled{cursor:not-allowed;opacity:.55}.text-button{color:#2563eb;background:0 0;border:0;padding:0}.editor-icon-button{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.25rem;line-height:1;display:inline-flex}.editor-actions__add{color:#fff;background:#111827;border-color:#111827}@keyframes dice-loader-slide{0%{transform:translate(-110%)}50%{transform:translate(72%)}to{transform:translate(240%)}}@keyframes tap-hint-bounce{0%,to{transform:translateY(0)}45%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.tap-hint__icon,.tap-hint__fallback{animation:none;transform:translateY(0)}}@media (width<=360px){.dice-editor-row{grid-template-columns:auto minmax(0,1fr) auto}.dice-editor-row__remove{width:42px}}