*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#0f1419;color:#e8edf4;line-height:1.5;min-height:100vh}.page{max-width:520px;margin:0 auto;padding:2rem 1rem 3rem}.page--home{max-width:640px}.back-link{display:inline-block;margin-bottom:1rem;font-size:.875rem;color:#8b9cb3;text-decoration:none}.back-link:hover{color:#c9a227}.nav-cards{display:flex;flex-direction:column;gap:.85rem;margin-top:1.5rem}.nav-card{display:flex;align-items:stretch;gap:0;padding:0;text-decoration:none;color:inherit;background:#1a2332;border:1px solid #2d3a4f;border-radius:12px;overflow:hidden;transition:border-color .15s,transform .15s}.nav-card:hover{border-color:#c9a227;transform:translateY(-1px)}.nav-card__accent{width:4px;flex-shrink:0}.nav-card__body{flex:1;padding:1rem 1.1rem;min-width:0}.nav-card__title{margin:0 0 .35rem;font-size:1.05rem;font-weight:600;color:#e8edf4}.nav-card__desc{margin:0;font-size:.85rem;color:#8b9cb3}.nav-card__arrow{display:flex;align-items:center;padding-right:1rem;font-size:1.1rem;color:#8b9cb3}.nav-card:hover .nav-card__arrow{color:#c9a227}.page-header h1{margin:0 0 .35rem;font-size:1.5rem;font-weight:600;color:#c9a227}.subtitle{margin:0;font-size:.875rem;color:#8b9cb3}.tabs{display:flex;gap:.5rem;margin-top:1.25rem}.tab{flex:1;padding:.55rem .75rem;font-size:.9rem;font-weight:600;color:#8b9cb3;background:#1a2332;border:1px solid #2d3a4f;border-radius:8px;cursor:pointer}.tab--active{color:#c9a227;border-color:#c9a227;background:#243044}.panel-desc{margin:0 0 1rem;font-size:.85rem;color:#8b9cb3}.panel[hidden],.panel-slot[hidden]{display:none!important}.card{margin-top:1.25rem;padding:1.25rem;background:#1a2332;border:1px solid #2d3a4f;border-radius:12px}.form{display:flex;flex-direction:column;gap:1rem}.field label,.field-label{display:block;margin-bottom:.35rem;font-size:.8rem;color:#8b9cb3}.field select,.field input{width:100%;padding:.55rem .7rem;font-size:1rem;color:#e8edf4;background:#243044;border:1px solid #2d3a4f;border-radius:8px}.field select:focus,.field input:focus{outline:none;border-color:#c9a227}.inputs{display:grid;gap:.75rem}.inputs--3{grid-template-columns:repeat(3,1fr)}.inputs--4{grid-template-columns:repeat(4,1fr)}.inputs--2{grid-template-columns:repeat(2,1fr)}@media(max-width:480px){.inputs--4,.inputs--3,.inputs--2{grid-template-columns:1fr}.tab{font-size:.8rem;padding:.5rem .4rem}}.record-table{display:flex;flex-direction:column;gap:.5rem}.record-header,.record-row{display:grid;grid-template-columns:4.2rem 1fr 1fr minmax(4.8rem,1fr);gap:.5rem;align-items:center}.record-header span{font-size:.75rem;color:#8b9cb3;text-align:center}.record-header-price{font-size:.68rem;line-height:1.2}.record-label{padding:.35rem .25rem;font-size:.8rem;font-weight:600;text-align:center;border-radius:4px;line-height:1.2}.record-label--light{color:#1a2332}.record-label--meta{background:#3d4d66;color:#e8edf4}.record-label--gold-red{background:linear-gradient(135deg,#fa8c16,#fa8c16 50%,#ff4d4f 50%,#ff4d4f);color:#fff;font-size:.75rem}.record-cell{display:block;width:100%;padding:.5rem .6rem;font-size:.95rem;color:#b8c5d6;text-align:center;background:#1e2836;border:1px solid #2d3a4f;border-radius:8px;font-variant-numeric:tabular-nums}.record-row--readonly .record-cell{color:#8b9cb3}.record-row--total.record-row--readonly .record-cell{color:#e8edf4;font-weight:600;background:#2a3548;border-color:#c9a227;box-shadow:inset 0 1px #ffffff0a}.record-row--overall .record-label--meta{background:#3d4d66}.record-row--remainder .record-cell{color:#b8c5d6;font-variant-numeric:tabular-nums}.record-cell--action{display:flex;align-items:center;padding:0;background:transparent;border:none}.record-clear-btn{width:100%;padding:.45rem .35rem;font-size:.75rem;white-space:nowrap}.record-row input{width:100%;padding:.5rem .6rem;font-size:.95rem;color:#e8edf4;background:#243044;border:1px solid #2d3a4f;border-radius:8px;font-variant-numeric:tabular-nums}.record-row input:focus{outline:none;border-color:#c9a227}.record-summary{margin-top:1rem}.record-actions{margin-top:1.25rem}.record-calculator{margin-top:1rem;padding:1rem 1.1rem;background:#141c28;border:1px solid #2d3a4f;border-radius:10px}.record-calculator__title{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:#e8edf4}.record-calculator__row{--record-calc-cell-height: 2.75rem;display:flex;align-items:stretch;gap:.65rem}.record-calculator__input-wrap{position:relative;flex:1;min-width:0;height:var(--record-calc-cell-height)}.record-calculator__input{box-sizing:border-box;width:100%;height:100%;margin:0;padding:0 2rem 0 .75rem;font-size:1rem;line-height:1.25;color:#e8edf4;background:#243044;border:1px solid #2d3a4f;border-radius:8px;font-variant-numeric:tabular-nums}.record-calculator__clear{position:absolute;top:50%;right:.35rem;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;font-size:1.1rem;line-height:1;color:#8b9cb3;background:transparent;border:none;border-radius:4px;cursor:pointer}.record-calculator__clear:hover{color:#e8edf4;background:#ffffff0f}.record-calculator__input:focus{outline:none;border-color:#c9a227}.record-calculator__input::placeholder{color:#6b7a8f}.record-calculator__output{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;width:5.5rem;height:var(--record-calc-cell-height);margin:0;padding:0 .75rem;font-size:1rem;line-height:1.25;font-weight:600;color:#c9a227;background:#1e2836;border:1px solid #2d3a4f;border-radius:8px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-calculator__output--error{color:#f5555d}@media(max-width:480px){.record-calculator__row{flex-direction:column}.record-calculator__input-wrap,.record-calculator__output{width:100%;height:var(--record-calc-cell-height)}.record-calculator__output{max-width:none}}.record-table--new .record-header--new,.record-table--new .record-row{grid-template-columns:3.6rem 3.4rem 1fr 1fr minmax(4.2rem,1fr)}.record-mode-toggle{display:flex;flex-direction:column;gap:2px}.record-mode-btn{padding:.2rem .15rem;font-size:.62rem;font-weight:600;line-height:1.2;color:#8b9cb3;background:#1e2836;border:1px solid #2d3a4f;border-radius:4px;cursor:pointer}.record-mode-btn--active{color:#c9a227;border-color:#c9a227;background:#243044}.record-row select.record-select{width:100%;padding:.5rem .35rem;font-size:.82rem;color:#e8edf4;background:#243044;border:1px solid #2d3a4f;border-radius:8px;font-variant-numeric:tabular-nums}.record-row select.record-select:focus{outline:none;border-color:#c9a227}.record-row select.record-select:disabled{color:#6b7a8f;cursor:not-allowed}.record-input--warn{border-color:#f5555d!important}.record-cell--empty{visibility:hidden;padding:0;border:none;background:transparent}@media(max-width:480px){.record-table--new .record-header--new,.record-table--new .record-row{grid-template-columns:2.8rem 2.8rem 1fr 1fr minmax(3.6rem,1fr)}.record-mode-btn{font-size:.58rem}.record-row select.record-select{font-size:.75rem;padding:.45rem .25rem}}.actions{display:flex;gap:.75rem}.btn{padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;border-radius:8px;border:none;cursor:pointer}.btn-primary{background:#c9a227;color:#1a1200}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{background:transparent;color:#8b9cb3;border:1px solid #2d3a4f}.result{margin-top:1.25rem}.result--nested{margin-top:1rem;padding:1rem;background:#141c28}.result--ok{border-color:#3dd68c}.result--error{border-color:#f5555d}.result-header{display:flex;align-items:center;gap:.65rem;margin-bottom:1rem;padding-left:.75rem;border-left:4px solid #c9a227}.result-header h2{margin:0;font-size:1rem;font-weight:600}.badge{padding:.15rem .55rem;font-size:.75rem;font-weight:600;color:#1a1200;border-radius:4px}.formula{margin:0 0 1rem;padding:.75rem 1rem;font-family:Consolas,Courier New,monospace;font-size:.95rem;background:#243044;border-radius:8px;color:#c9a227;word-break:break-all}.stats{border:1px solid #2d3a4f;border-radius:8px;overflow:hidden}.stat-row{display:flex;justify-content:space-between;padding:.65rem 1rem;border-bottom:1px solid #2d3a4f}.stat-row:last-child{border-bottom:none}.stat-label{color:#8b9cb3;font-size:.9rem}.stat-value{font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums}.note{margin:.85rem 0 0;font-size:.85rem;color:#8b9cb3}.candidates{margin-top:1rem;padding-top:1rem;border-top:1px solid #2d3a4f}.candidates h3{margin:0 0 .5rem;font-size:.85rem;font-weight:600;color:#8b9cb3}.candidates ul{margin:0;padding-left:1.1rem;font-size:.85rem;color:#c8cdd4}.candidates li{margin:.35rem 0}.price-groups{list-style:none;padding-left:0}.price-group{margin:.5rem 0;padding:.5rem .65rem;background:#1e2836;border:1px solid #2d3a4f;border-radius:8px}.price-group-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.price-group-summary{font-size:.9rem;font-weight:600;color:#e8edf4}.price-variant-btns{display:flex;flex-wrap:wrap;gap:.35rem;flex-shrink:0}.price-variant-btn{min-width:2rem;padding:.3rem .5rem}.price-variant-btn--active{border-color:#5b8def;color:#e8edf4;background:#2a3d5c}.price-group-formula{margin:.5rem 0 0;font-size:.85rem;color:#c8cdd4;line-height:1.45}.price-group-formula--muted{color:#8a9199}.price-infer-progress{margin:0 0 .75rem;font-size:.875rem;color:#8a9199}.price-group-expanded{margin-top:.35rem}.price-group-count{margin:0 0 .35rem;font-size:.875rem;color:#8a9199}.price-group-detail{margin:.5rem 0 0;padding-left:1.1rem;font-size:.85rem;color:#c8cdd4}.price-group-detail li{margin:.35rem 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.price-required{margin:0;padding:0;border:none}.price-required__legend{font-size:.875rem;font-weight:600;color:#c8cdd4;margin-bottom:.35rem}.price-required__hint{margin:0 0 .65rem;font-size:.8rem;color:#8a9199}.price-required__rows{list-style:none;margin:0 0 .5rem;padding:0;display:flex;flex-direction:column;gap:.5rem}.price-required__row{display:flex;align-items:center;gap:.5rem}.price-required__picker{flex:1;min-width:0}.price-required__remove{flex-shrink:0;min-width:2rem;padding-inline:.4rem;font-size:1.1rem;line-height:1}.price-required__actions{margin-top:.15rem}.item-combobox{position:relative}.item-combobox__control{display:flex;align-items:center;gap:.5rem;padding:0 .65rem;background:#243044;border:1px solid #2d3a4f;border-radius:8px;transition:border-color .15s,box-shadow .15s}.item-combobox__control:focus-within,.item-combobox__control--open{border-color:#c9a227;box-shadow:0 0 0 1px #c9a22740}.item-combobox__search-icon{flex-shrink:0;color:#8b9cb3}.item-combobox__control:focus-within .item-combobox__search-icon{color:#c9a227}.item-combobox__input{flex:1;min-width:0;width:100%;padding:.55rem 0;font-size:1rem;color:#e8edf4;background:transparent;border:none;outline:none}.item-combobox__input::placeholder{color:#6b7a8f}.item-combobox__control--filled .item-combobox__input{font-size:.9rem;color:#c8cdd4}.item-combobox__input:disabled{opacity:.55;cursor:not-allowed}.item-combobox__list{position:absolute;z-index:20;top:calc(100% + .35rem);left:0;right:0;margin:0;padding:.35rem 0;list-style:none;max-height:15rem;overflow-y:auto;background:#1a2332;border:1px solid #3d4f6a;border-radius:8px;box-shadow:0 10px 28px #00000073}.item-combobox__option{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;padding:.5rem .75rem;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer}.item-combobox__option:hover,.item-combobox__option--active{background:#243044}.item-combobox__label{font-size:.9rem;font-weight:500;color:#e8edf4}.item-combobox__meta{font-size:.75rem;color:#8b9cb3;line-height:1.35}.item-combobox__empty{padding:.65rem .75rem;font-size:.85rem;color:#8a9199}.btn-sm{padding:.35rem .65rem;font-size:.8rem;flex-shrink:0}.result-title{margin:0 0 .35rem;font-weight:600;color:#f5555d}.result-message{margin:0;font-size:.9rem;color:#e8edf4}.page--knowledge{max-width:720px}.page--knowledge .page-header h1{color:#4a9eff}.page--knowledge .tab--active{color:#4a9eff;border-color:#4a9eff}.knowledge-toolbar{margin-top:1.25rem}.knowledge-count{margin:.75rem 0 0;font-size:.8rem;color:#8b9cb3}.knowledge-empty{margin:1.5rem 0 0;font-size:.9rem;color:#8b9cb3;text-align:center}.knowledge-list{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.75rem}.knowledge-card{display:block;padding:1rem 1.1rem;text-decoration:none;color:inherit;background:#1a2332;border:1px solid #2d3a4f;border-radius:12px;transition:border-color .15s,transform .15s}.knowledge-card:hover{border-color:#4a9eff;transform:translateY(-1px)}.knowledge-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem}.knowledge-card__badge{display:inline-block;padding:.15rem .5rem;font-size:.7rem;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.knowledge-card__badge--frontend{color:#4a9eff;background:#4a9eff1f}.knowledge-card__badge--ai{color:#a78bfa;background:#a78bfa1f}.knowledge-card__tags{font-size:.75rem;color:#8b9cb3}.knowledge-card__title{margin:0 0 .35rem;font-size:1rem;font-weight:600;color:#e8edf4}.knowledge-card__summary{margin:0;font-size:.85rem;color:#8b9cb3;line-height:1.45}.knowledge-detail-header h1{margin:.5rem 0 0;font-size:1.35rem;font-weight:600;color:#e8edf4}.knowledge-detail-header__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.knowledge-detail{margin-top:1.25rem}.markdown-body{font-size:.95rem;line-height:1.65;color:#e8edf4}.markdown-body>*:first-child{margin-top:0}.markdown-body>*:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:1.5rem 0 .75rem;font-weight:600;color:#e8edf4;line-height:1.3}.markdown-body h1{font-size:1.35rem}.markdown-body h2{font-size:1.15rem;color:#4a9eff}.markdown-body h3{font-size:1rem}.markdown-body p{margin:.75rem 0}.markdown-body ul,.markdown-body ol{margin:.75rem 0;padding-left:1.5rem}.markdown-body li{margin:.35rem 0}.markdown-body li>ul,.markdown-body li>ol{margin:.25rem 0}.markdown-body blockquote{margin:.75rem 0;padding:.5rem 1rem;border-left:3px solid #4a9eff;background:#4a9eff0f;color:#c8cdd4}.markdown-body code{font-family:Consolas,Courier New,monospace;font-size:.88em;padding:.15rem .35rem;background:#243044;border-radius:4px;color:#f0c674}.markdown-body pre{margin:.75rem 0;padding:.85rem 1rem;background:#0f1419;border:1px solid #2d3a4f;border-radius:8px;overflow-x:auto}.markdown-body pre code{padding:0;background:none;color:#e8edf4;font-size:.85rem}.markdown-body table{width:100%;margin:.75rem 0;border-collapse:collapse;font-size:.88rem}.markdown-body th,.markdown-body td{padding:.5rem .75rem;border:1px solid #2d3a4f;text-align:left}.markdown-body th{background:#243044;font-weight:600;color:#e8edf4}.markdown-body td{background:#1a2332}.markdown-body a{color:#4a9eff;text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body hr{margin:1.25rem 0;border:none;border-top:1px solid #2d3a4f}.markdown-body strong{font-weight:600;color:#e8edf4}.page--random .page-header h1{color:#e8a054}.page--random .tab--active{color:#e8a054;border-color:#e8a054}.page--random .btn-primary{background:#e8a054;color:#1a1200}.page--random .result-header{border-left-color:#e8a054}.random-option-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.random-chip{padding:.4rem .7rem;font-size:.85rem;font-weight:600;color:#8b9cb3;background:#243044;border:1px solid #2d3a4f;border-radius:8px;cursor:pointer}.random-chip:disabled{opacity:.45;cursor:not-allowed}.random-chip--active{color:#e8a054;border-color:#e8a054;background:#2a3548}.random-inline-group{display:inline-flex;flex:0 0 auto;align-items:center;gap:.3rem}.random-inline-input,.field .random-option-row .random-inline-input{box-sizing:border-box;flex:0 0 auto;width:3.1rem;max-width:3.1rem;min-width:0;padding:.4rem .35rem;font-size:.85rem;font-weight:600;color:#e8edf4;background:#243044;border:1px solid #2d3a4f;border-radius:8px;font-variant-numeric:tabular-nums;text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.random-inline-input::-webkit-outer-spin-button,.random-inline-input::-webkit-inner-spin-button{margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.random-inline-input:focus,.random-inline-input--active,.field .random-option-row .random-inline-input:focus,.field .random-option-row .random-inline-input--active{outline:none;border-color:#e8a054;color:#e8a054}.random-inline-input--error,.field .random-option-row .random-inline-input--error{border-color:#f5555d;color:#f5555d}.random-inline-input:disabled{opacity:.45;cursor:not-allowed}.random-inline-input__unit{flex:0 0 auto;font-size:.8rem;color:#8b9cb3}.random-check{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#c8cdd4;cursor:pointer}.random-check-row{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem 1.25rem}.random-check input{width:1rem;height:1rem;accent-color:#e8a054}.random-field-error{margin:.45rem 0 0;font-size:.8rem;color:#f5555d}.page--random .btn-primary:disabled{opacity:.45;cursor:not-allowed;filter:none}.random-result{margin-top:1.25rem}.poker-hand{display:flex;flex-wrap:wrap;gap:.75rem;margin:0;padding:.15rem 0 0;list-style:none;perspective:900px}.poker-slot{--flip-delay: 0s;width:4.6rem;height:6.5rem}.poker-flip{width:100%;height:100%;perspective:900px}.poker-flip__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.22,.8,.28,1);transition-delay:var(--flip-delay);transform:rotateY(0)}.poker-flip--revealed .poker-flip__inner{transform:rotateY(180deg)}.poker-back,.poker-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 6px 16px #00000059,inset 0 1px #ffffff1f}.poker-back{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1e3a5f,#152a45 55%,#0f1f33);border:1px solid #3d5a80;overflow:hidden}.poker-back__pattern{display:block;width:calc(100% - .7rem);height:calc(100% - .7rem);border-radius:6px;border:1px solid rgba(232,160,84,.45);background:repeating-linear-gradient(45deg,rgba(232,160,84,.12) 0 2px,transparent 2px 8px),repeating-linear-gradient(-45deg,rgba(94,179,212,.1) 0 2px,transparent 2px 8px),linear-gradient(160deg,#1a3354,#12263d);box-shadow:inset 0 0 0 3px #0f1f33a6}.poker-face{display:flex;align-items:center;justify-content:center;padding:.35rem;transform:rotateY(180deg);background:linear-gradient(165deg,#fffdf8,#f3ebe0 48%,#e8dfd0);border:1px solid #d2c6b2;color:#1a2332}.poker-face--red{color:#c62828}.poker-face--black{color:#1a2332}.poker-face--joker{overflow:hidden}.poker-face--joker-big{color:#b71c1c;background:radial-gradient(circle at 50% 38%,rgba(255,214,120,.55),transparent 42%),linear-gradient(165deg,#fff4e4,#ffd7a8 40%,#f0b56a);border-color:#d49a4a;box-shadow:0 6px 16px #00000059,inset 0 0 0 2px #b428282e,inset 0 0 0 5px #ffe6aa8c}.poker-face--joker-small{color:#1a237e;background:radial-gradient(circle at 50% 38%,rgba(180,200,255,.45),transparent 42%),linear-gradient(165deg,#f3f6fb,#d5deec 42%,#aebcd4);border-color:#7a8eae;box-shadow:0 6px 16px #00000059,inset 0 0 0 2px #1a237e29,inset 0 0 0 5px #e6ecf8b3}.poker-face--joker .poker-face__rank{font-size:.78rem}.joker-art{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.08rem;width:100%;padding:.15rem;text-align:center}.joker-art__ornament{font-size:.7rem;line-height:1;opacity:.7}.joker-art__ornament--bottom{transform:rotate(180deg)}.joker-art__crown{font-size:1.45rem;line-height:1;filter:drop-shadow(0 1px 0 rgba(255,255,255,.35))}.joker-art__title{font-size:.78rem;font-weight:800;letter-spacing:.08em;line-height:1.1}.joker-art__sub{font-size:.48rem;font-weight:700;letter-spacing:.06em;opacity:.72;line-height:1.1}.joker-art--big .joker-art__crown,.joker-art--big .joker-art__ornament{color:#9a1b1b}.joker-art--big .joker-art__title{color:#8e1414}.joker-art--small .joker-art__crown,.joker-art--small .joker-art__ornament{color:#283593}.joker-art--small .joker-art__title{color:#1a237e}.poker-face__corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1.05;font-weight:700}.poker-face__corner--tl{top:.32rem;left:.35rem}.poker-face__corner--br{right:.35rem;bottom:.32rem;transform:rotate(180deg)}.poker-face__rank{font-size:.85rem;letter-spacing:-.02em}.poker-face__mini{font-size:.72rem}.poker-face__center{font-size:2rem;line-height:1;filter:drop-shadow(0 1px 0 rgba(255,255,255,.35))}.dice-hand{display:flex;flex-wrap:wrap;gap:.65rem;margin:0;padding:.35rem 0 0;list-style:none}.die{--die-delay: 0ms;--die-duration: .9s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;width:4.15rem;height:4.15rem;background:linear-gradient(145deg,#2a3548,#1e2836);border:1px solid #e8a054;border-radius:10px;box-shadow:inset 0 1px #ffffff0f;transform:translateZ(0)}.die--rolling{animation:die-shake var(--die-duration) cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--die-delay)}.die--settled{animation:die-pop .28s ease both;animation-delay:var(--die-delay)}.die__reel{position:relative;display:block;height:24px;width:100%;overflow:hidden;mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 78%,transparent 100%)}.die__strip{display:flex;flex-direction:column;align-items:center;will-change:transform;transform:translateZ(0)}.die__value{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:24px;font-size:1.45rem;font-weight:700;color:#e8a054;font-variant-numeric:tabular-nums;line-height:1}.die__faces{font-size:.7rem;color:#8b9cb3}@keyframes die-shake{0%{transform:translateZ(0) rotate(0)}8%{transform:translate3d(-3px,2px,0) rotate(-6deg)}16%{transform:translate3d(4px,-2px,0) rotate(7deg)}24%{transform:translate3d(-3px,-1px,0) rotate(-5deg)}32%{transform:translate3d(3px,2px,0) rotate(5deg)}42%{transform:translate3d(-2px,1px,0) rotate(-3.5deg)}52%{transform:translate3d(2px,-1px,0) rotate(3deg)}64%{transform:translate3d(-1.5px,1px,0) rotate(-2deg)}76%{transform:translate3d(1px,-.5px,0) rotate(1.2deg)}88%{transform:translate3d(-.5px,.5px,0) rotate(-.6deg)}to{transform:translateZ(0) rotate(0)}}@keyframes die-pop{0%{transform:scale(1.05)}70%{transform:scale(.98)}to{transform:scale(1)}}.random-sum{margin:.85rem 0 0;font-size:.95rem;color:#8b9cb3}.random-sum strong{color:#e8a054;font-size:1.15rem;font-variant-numeric:tabular-nums}.coin-stage{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem 1rem;padding:.75rem 0 .35rem;perspective:900px;min-height:8.5rem}.coin-stage--multi{min-height:6.5rem}.coin{--coin-land: 0deg;--coin-duration: 1.6s;--coin-delay: 0ms;position:relative;width:7rem;height:7rem;transform-style:preserve-3d}.coin--sm{width:5.2rem;height:5.2rem}.coin--sm .coin__label{font-size:1.2rem}.coin--sm .coin__sub{font-size:.52rem}.coin--sm .coin__emblem{font-size:.95rem}.coin__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(var(--coin-land))}.coin--spin .coin__inner{animation:coin-flip-y var(--coin-duration) cubic-bezier(.18,.7,.22,1) forwards;animation-delay:var(--coin-delay)}.coin--spin{animation:coin-toss-y var(--coin-duration) cubic-bezier(.22,.75,.28,1) both;animation-delay:var(--coin-delay)}@keyframes coin-flip-y{0%{transform:rotateY(0)}to{transform:rotateY(var(--coin-land))}}@keyframes coin-toss-y{0%{transform:translateY(0) scale(1)}22%{transform:translateY(-2.1rem) scale(1.06)}55%{transform:translateY(-.55rem) scale(1.02)}78%{transform:translateY(-1.15rem) scale(1.03)}to{transform:translateY(0) scale(1)}}.coin__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d}.coin__face--heads{transform:rotateY(0)}.coin__face--tails{transform:rotateY(180deg)}.coin__ring{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;width:100%;height:100%;border-radius:50%;border:3px solid transparent;box-shadow:0 8px 22px #0006,inset 0 2px 4px #ffffff40,inset 0 -3px 6px #00000047}.coin__face--heads .coin__ring{border-color:#f0c674;background:radial-gradient(circle at 32% 28%,#ffe6a3,#e8a054 42%,#a86a1a 78%,#6e4210)}.coin__face--tails .coin__ring{border-color:#9eb0c4;background:radial-gradient(circle at 32% 28%,#e8eef5,#9aafc4 42%,#5d738c 78%,#334456)}.coin__emblem{font-size:1.15rem;line-height:1;opacity:.9}.coin__face--heads .coin__emblem{color:#5c3a0c}.coin__face--tails .coin__emblem{color:#1e2a38}.coin__label{font-size:1.55rem;font-weight:800;line-height:1;letter-spacing:.06em}.coin__face--heads .coin__label{color:#2a1805;text-shadow:0 1px 0 rgba(255,230,163,.45)}.coin__face--tails .coin__label{color:#121820;text-shadow:0 1px 0 rgba(255,255,255,.25)}.coin__sub{font-size:.62rem;font-weight:700;letter-spacing:.14em;opacity:.75}.coin__face--heads .coin__sub{color:#5c3a0c}.coin__face--tails .coin__sub{color:#1e2a38}.coin-history{display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;gap:.4rem;width:100%;margin:1rem 0 0;padding:0;list-style:none;box-sizing:border-box}.coin-history__chip{flex:0 0 auto;padding:.2rem .55rem;font-size:.75rem;font-weight:600;border-radius:999px;border:1px solid transparent}.coin-history__chip--heads{color:#f0c674;background:#e8a0541f;border-color:#e8a05459}.coin-history__chip--tails{color:#9eb0c4;background:#9eb0c41f;border-color:#9eb0c459}