:root{color-scheme:light;--paper: #f6efdf;--paper-2: #efe4cc;--paper-3: #e6d6b4;--ink: #1f2a44;--ink-soft: #4a5470;--line: #c9b98f;--on-ink: #f6efdf;--lv1: #2e7d4f;--lv2: #2b5da8;--lv3: #b4472e;--lv4: #6b3fa0;--gold: #c99a2e;--lv1-ink: #24663f;--lv2-ink: #24508f;--lv3-ink: #9a3a24;--lv4-ink: #5e3590;--gold-ink: #7d5f12;--up: #2e7d4f;--up-ink: #24663f;--down: #c0392b;--down-ink: #a5301f;--tile-invest: #1f7a74;--tile-biz: #b4472e;--tile-event: #6b3fa0;--tile-bank: #1f2a44;--tile-start: #c99a2e;--font-display: "Bricolage Grotesque", "Avenir Next Condensed", "Arial Narrow", sans-serif;--font-body: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--text-xs: clamp(.75rem, .72rem + .15vw, .8125rem);--text-sm: clamp(.875rem, .84rem + .18vw, .9375rem);--text-base: clamp(1rem, .95rem + .25vw, 1.0625rem);--text-lg: clamp(1.125rem, 1.04rem + .4vw, 1.3125rem);--text-xl: clamp(1.375rem, 1.2rem + .9vw, 1.875rem);--text-2xl: clamp(1.75rem, 1.4rem + 1.8vw, 2.75rem);--text-hero: clamp(3rem, 1.6rem + 7vw, 7.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2.25rem;--space-7: 3.5rem;--gutter: 16px;--radius-ticket: 4px;--radius-card: 14px;--radius-sheet: 22px;--radius-pill: 999px;--shadow-print: 3px 3px 0 var(--ink);--shadow-print-sm: 2px 2px 0 var(--ink);--shadow-lift: 0 1px 0 rgb(31 42 68 / .08), 0 14px 30px -18px rgb(31 42 68 / .55);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .6s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--guilloche-line: rgb(31 42 68 / .09);--grain-opacity: .32;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.12 0 0 0 0 0.16 0 0 0 0 0.27 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--guilloche: repeating-radial-gradient(circle at 0 100%, transparent 0 7px, var(--guilloche-line) 7px 8px), repeating-radial-gradient(circle at 100% 0, transparent 0 7px, var(--guilloche-line) 7px 8px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--paper: #151a29;--paper-2: #1d2436;--paper-3: #283149;--ink: #f1e7d0;--ink-soft: #c4bba6;--line: #4d4a3c;--on-ink: #151a29;--lv1: #5fbf87;--lv2: #7ba7ea;--lv3: #e58263;--lv4: #b28ae6;--gold: #e2b95a;--lv1-ink: #7fd1a2;--lv2-ink: #9dbdf0;--lv3-ink: #f09b80;--lv4-ink: #c7a8ee;--gold-ink: #ecc976;--up: #5fbf87;--up-ink: #7fd1a2;--down: #f07a6b;--down-ink: #f49a8e;--tile-invest: #3fa79f;--tile-biz: #d0674b;--tile-event: #9a74d6;--tile-bank: #8796bd;--tile-start: #e2b95a;--shadow-print: 3px 3px 0 #05070d;--shadow-print-sm: 2px 2px 0 #05070d;--shadow-lift: 0 1px 0 rgb(0 0 0 / .3), 0 14px 30px -18px rgb(0 0 0 / .9);--guilloche-line: rgb(241 231 208 / .07);--grain-opacity: .5}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;min-height:100%;background-color:var(--paper)}body{position:relative;margin:0;min-height:100dvh;background-color:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;overflow-x:hidden}body:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:var(--grain);opacity:var(--grain-opacity);mix-blend-mode:multiply}#app{position:relative;z-index:1}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:800;line-height:1.05;letter-spacing:-.02em}p{margin:0}.num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:700}.up{color:var(--up-ink)}.down{color:var(--down-ink)}.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}.eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.btn{--btn-bg: var(--paper);--btn-fg: var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border:2px solid var(--ink);border-radius:var(--radius-ticket);background:var(--btn-bg);color:var(--btn-fg);font:700 var(--text-sm) / 1.2 var(--font-body);text-align:center;cursor:pointer;box-shadow:var(--shadow-print-sm);transition:transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo)}.btn:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-print)}.btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.btn:focus-visible,.chip:focus-visible,.term:focus-visible,.tile-btn:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{--btn-bg: var(--ink);--btn-fg: var(--on-ink);font-size:var(--text-base);padding-inline:var(--space-5)}.btn-big{min-height:56px;font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.01em}.btn-ghost{border-style:dashed;box-shadow:none}.btn-ghost:hover{box-shadow:var(--shadow-print-sm)}.chip{min-height:44px;min-width:44px;padding:0 var(--space-3);border:1.5px solid var(--line);border-radius:var(--radius-pill);background:var(--paper-2);color:var(--ink);font:700 var(--text-sm) / 1 var(--font-body);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-expo),background-color var(--duration-fast)}.chip:hover{transform:translateY(-1px);background:var(--paper-3)}.chip:active{transform:translateY(1px)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.card{position:relative;background:var(--paper);border:1.5px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-lift)}.guilloche{background-color:var(--paper-2);background-image:var(--guilloche)}.stamp{display:inline-block;padding:var(--space-1) var(--space-3);border:3px double currentColor;border-radius:var(--radius-ticket);font:800 var(--text-sm) / 1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;transform:rotate(-7deg);opacity:.88;animation:stamp-in var(--duration-normal) var(--ease-bounce) both}@keyframes stamp-in{0%{opacity:0;transform:rotate(-7deg) scale(1.7)}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sheet-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:end center;padding:var(--gutter);background:#151a2973;animation:fade-in var(--duration-normal) var(--ease-out-expo) both}@media(min-width:768px){.sheet-backdrop{place-items:center}}.sheet{width:min(100%,640px);max-height:min(88dvh,760px);overflow:auto;border-radius:var(--radius-sheet);animation:sheet-up var(--duration-normal) var(--ease-out-expo) both}.sheet-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1.5px solid var(--line)}.sheet-head h2{font-size:var(--text-xl)}.sheet-body{padding:var(--space-5);display:grid;gap:var(--space-4)}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px) scale(.98)}}.pawn{display:inline-grid;place-items:center;flex:none;border-radius:50% 50% 46% 46%;background:var(--pawn);color:#fff;font:800 .75rem / 1 var(--font-display);border:2px solid var(--paper);box-shadow:0 0 0 1.5px var(--ink)}.pawn:before{content:attr(data-initial)}.pawn-sm{width:1.25rem;height:1.25rem;font-size:.6875rem}.pawn-md{width:1.75rem;height:1.75rem}.pawn-hop{animation:pawn-hop var(--duration-slow) var(--ease-bounce) both}@keyframes pawn-hop{0%{transform:translateY(-14px) scale(1.2);opacity:0}60%{transform:translateY(2px) scale(.95);opacity:1}}.term-wrap{position:relative;display:inline}.term{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline dotted 2px;text-underline-offset:3px;text-decoration-color:var(--gold);cursor:help}.term-tip{position:absolute;left:0;bottom:calc(100% + 6px);z-index:40;width:max-content;max-width:min(18rem,80vw);padding:var(--space-2) var(--space-3);border-radius:var(--radius-ticket);background:var(--ink);color:var(--on-ink);font:500 var(--text-sm) / 1.4 var(--font-body);box-shadow:var(--shadow-lift);animation:rise-in var(--duration-fast) var(--ease-out-expo) both}.howto-block{display:grid;gap:var(--space-2)}.howto-block h3{font-size:var(--text-lg)}.howto-steps{margin:0;padding-left:1.25rem;display:grid;gap:var(--space-2)}.howto-levels{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.howto-levels li{display:grid;gap:2px;padding:var(--space-2) var(--space-3);border-left:6px solid var(--lv);background:var(--paper-2);border-radius:0 var(--radius-ticket) var(--radius-ticket) 0}.howto-levels li[data-level="1"]{--lv: var(--lv1)}.howto-levels li[data-level="2"]{--lv: var(--lv2)}.howto-levels li[data-level="3"]{--lv: var(--lv3)}.howto-levels li[data-level="4"]{--lv: var(--lv4)}.howto-level-name{font:800 var(--text-base) / 1.1 var(--font-display)}.market-mini{display:grid;gap:var(--space-2);width:100%}.market-list{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-size:var(--text-sm)}.market-list li{display:flex;justify-content:space-between;gap:var(--space-3);padding-block:2px;border-bottom:1px dotted var(--line)}.market-empty,.market-effects{font-size:var(--text-sm);color:var(--ink-soft)}.market-effects{margin:0;padding-left:1.1rem}.market-report-dice{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:var(--space-3)}.market-report-dice li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:var(--space-3);align-items:center;padding:var(--space-3);border:1.5px solid var(--line);border-radius:var(--radius-ticket);background:var(--paper);animation:rise-in var(--duration-normal) var(--ease-out-expo) both}.market-die{grid-row:1 / 3;display:grid;place-items:center;width:2.5rem;height:2.5rem;border:2px solid var(--ink);border-radius:22%;font:800 var(--text-lg) / 1 var(--font-display)}.market-report-dice .num{font-size:var(--text-lg)}.sheet-market .sheet-body>p{color:var(--ink-soft);font-size:var(--text-sm)}.dice{display:grid;justify-items:center;gap:var(--space-2)}.dice-pair{display:flex;gap:var(--space-3)}.dice-idle{opacity:.8}.die{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:clamp(2.75rem,2rem + 2vw,3.75rem);aspect-ratio:1;padding:18%;gap:6%;border:2px solid var(--ink);border-radius:22%;background:var(--paper);box-shadow:var(--shadow-print-sm);animation:die-tumble var(--duration-slow) var(--ease-out-expo) both}.dice-idle .die{animation:none}.pip{place-self:center;width:100%;min-width:8px;aspect-ratio:1;border-radius:50%}.pip.on{background:var(--ink)}.dice-text{font-size:var(--text-sm);font-weight:700;text-align:center}@keyframes die-tumble{0%{transform:translate(-30px,-40px) rotate(-200deg) scale(.6);opacity:0}70%{transform:translate(2px,4px) rotate(8deg) scale(1.05);opacity:1}}.board{display:grid;grid-template:repeat(6,minmax(0,1fr)) / repeat(6,minmax(0,1fr));aspect-ratio:1;width:100%;max-width:min(100%,78dvh);margin-inline:auto;padding:clamp(4px,1vw,10px);border:2px solid var(--ink);border-radius:var(--radius-card);background-color:var(--paper-2);background-image:var(--guilloche);box-shadow:6px 6px 0 var(--ink)}.board-ring{grid-area:1 / 1 / -1 / -1;display:grid;grid-template:inherit;gap:clamp(2px,.5vw,6px);list-style:none;margin:0;padding:0}.tile{--family: var(--tile-bank);min-width:0;min-height:0}.tile[data-family=invest]{--family: var(--tile-invest)}.tile[data-family=biz]{--family: var(--tile-biz)}.tile[data-family=event]{--family: var(--tile-event)}.tile[data-family=start]{--family: var(--tile-start)}.tile-btn{position:relative;display:grid;grid-template-rows:1fr auto auto;justify-items:center;align-items:center;width:100%;height:100%;padding:2px;border:1.5px solid var(--ink);border-top:clamp(4px,.9vw,9px) solid var(--family);border-radius:var(--radius-ticket);background:var(--paper);color:var(--ink);cursor:pointer;overflow:hidden;transition:transform var(--duration-fast) var(--ease-out-expo)}.tile-btn:hover{transform:translateY(-2px)}.tile-btn[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--gold)}.tile-emoji{font-size:clamp(.9rem,.5rem + 1.6vw,1.9rem);line-height:1}.tile-name{display:none;max-width:100%;font:700 clamp(.55rem,.4rem + .35vw,.75rem) / 1.05 var(--font-body);text-align:center;overflow-wrap:anywhere}.tile-ribbon{position:absolute;top:0;right:6px;width:clamp(6px,1vw,10px);height:40%;background:var(--owner);clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%)}.tile-pawns{display:flex;flex-wrap:wrap;justify-content:center;gap:1px;min-height:0}.board-center{grid-area:2 / 2 / 6 / 6;display:grid;align-content:center;justify-items:center;gap:var(--space-3);padding:clamp(4px,2vw,24px);overflow:auto;text-align:center}.board-market{display:none;width:min(100%,20rem);text-align:left}.card-note,.tile-detail{width:min(100%,22rem);padding:var(--space-2) var(--space-3);border:1.5px dashed var(--line);border-radius:var(--radius-ticket);background:var(--paper);font-size:var(--text-sm);animation:rise-in var(--duration-normal) var(--ease-out-expo) both}.card-note-fluktuasi{border-color:var(--tile-event)}.card-note-title,.tile-detail-name{font:800 var(--text-base) / 1.15 var(--font-display)}.card-note-why{display:none}@media(min-width:768px){.tile-name,.card-note-why{display:block}}@media(min-width:1024px){.board-market{display:block}}.log{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-size:var(--text-sm)}.log-item{display:grid;grid-template-columns:2.5rem 1fr;gap:var(--space-2);padding-block:var(--space-1);border-bottom:1px dotted var(--line)}.log-item:first-child{animation:rise-in var(--duration-normal) var(--ease-out-expo) both}.log-item[data-kind=levelUp]{color:var(--lv2-ink)}.log-item[data-kind=bankrupt],.log-item[data-kind=liquidation]{color:var(--down-ink)}.log-round{color:var(--ink-soft);font-size:var(--text-xs)}.players{display:grid;gap:var(--space-2)}.player-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.player{--lv: var(--lv1);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1.5px solid var(--line);border-left:6px solid var(--lv);border-radius:var(--radius-ticket);background:var(--paper);transition:transform var(--duration-normal) var(--ease-out-expo)}.player[data-level="2"]{--lv: var(--lv2)}.player[data-level="3"]{--lv: var(--lv3)}.player[data-level="4"]{--lv: var(--lv4)}.player[aria-current=true]{border-color:var(--ink);box-shadow:var(--shadow-print-sm);transform:translate(4px)}.player-who{min-width:0}.player-name{font-weight:800;overflow-wrap:anywhere}.player-turn{color:var(--gold-ink)}.player-meta{font-size:var(--text-xs);color:var(--ink-soft)}.player-level{font-weight:700}.player-money{margin:0;display:grid;justify-items:end;font-size:var(--text-sm)}.player-money dd{margin:0}.player-nw{font-size:var(--text-xs);color:var(--ink-soft)}.fold{border:1.5px dashed var(--line);border-radius:var(--radius-ticket);padding:var(--space-2) var(--space-3)}.fold summary{min-height:44px;display:flex;align-items:center;font-weight:700;cursor:pointer}.fold[open] summary{margin-bottom:var(--space-3)}.sell-held,.sell-fee{font-size:var(--text-sm)}.amount{display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1.5px solid var(--line);border-radius:var(--radius-card);background:var(--paper-2)}.amount-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.amount-label{font-weight:800}.amount-value{font-size:var(--text-xl)}.amount-slider{width:100%;min-height:44px;accent-color:var(--ink)}.amount-scale{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--ink-soft)}.amount-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.amount-note{font-size:var(--text-sm);color:var(--ink-soft)}.amount-go{justify-self:start}.turn{--lv: var(--lv1);display:grid;align-content:start;border:2px solid var(--ink);border-radius:var(--radius-card);background:var(--paper);box-shadow:var(--shadow-lift);overflow:hidden}.turn[data-level="2"]{--lv: var(--lv2)}.turn[data-level="3"]{--lv: var(--lv3)}.turn[data-level="4"]{--lv: var(--lv4)}.turn-head{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:4px solid var(--lv)}.turn-title{font-size:var(--text-xl)}.turn-level{font-size:var(--text-sm);font-weight:700}.turn-head .stamp{position:absolute;right:var(--space-4);top:50%;margin-top:-1rem}.stamp-up{color:var(--up-ink)}.stamp-down{color:var(--down-ink)}.turn-error{margin:var(--space-3) var(--space-4) 0;padding:var(--space-2) var(--space-3);border-left:5px solid var(--down);background:var(--paper-2);color:var(--down-ink);font-weight:700}.turn-body{display:grid;gap:var(--space-4);padding:var(--space-4)}.handoff{display:grid;justify-items:start;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-ticket);animation:rise-in var(--duration-normal) var(--ease-out-expo) both}.handoff-text{font:800 var(--text-2xl) / 1.05 var(--font-display)}.handoff-sub{color:var(--ink-soft)}.payslip{overflow:hidden}.payslip-title{padding:var(--space-2) var(--space-4);font-size:var(--text-lg);border-bottom:1.5px solid var(--line)}.payslip-rows{margin:0;padding:var(--space-3) var(--space-4);display:grid;gap:var(--space-1)}.payslip-row{display:flex;justify-content:space-between;gap:var(--space-3);animation:rise-in var(--duration-normal) var(--ease-out-expo) both}.payslip-row dd{margin:0}.payslip-total{margin-top:var(--space-2);padding-top:var(--space-2);border-top:2px solid var(--ink);font-size:var(--text-lg);font-weight:800}.payslip-compact{font-size:var(--text-sm)}.preroll,.tile-actions,.sell,.bank,.levelup,.empty-biz{display:grid;gap:var(--space-3)}.levelup,.empty-biz,.bank{padding:var(--space-4)}.levelup{--lv: var(--lv2);border-left:8px solid var(--lv)}.levelup[data-level="3"]{--lv: var(--lv3)}.levelup[data-level="4"]{--lv: var(--lv4)}.levelup-title,.empty-biz-title,.landed-name{font:800 var(--text-lg) / 1.15 var(--font-display)}.levelup-checks{list-style:none;margin:0;padding:0;font-size:var(--text-sm);font-weight:600}.levelup-note{font-size:var(--text-sm)}.levelup-actions,.empty-biz-actions,.peluang-options,.bot-controls,.sell-assets{display:flex;flex-wrap:wrap;gap:var(--space-2)}.roll-btn{justify-self:stretch}.landed{--family: var(--tile-bank);padding:var(--space-3) var(--space-4);border-left:8px solid var(--family);background:var(--paper-2);border-radius:0 var(--radius-ticket) var(--radius-ticket) 0}.landed[data-family=invest]{--family: var(--tile-invest)}.landed[data-family=biz]{--family: var(--tile-biz)}.landed[data-family=event]{--family: var(--tile-event)}.landed[data-family=start]{--family: var(--tile-start)}.landed-events{margin:var(--space-2) 0 0;padding-left:1.1rem;font-size:var(--text-sm)}.peluang{overflow:hidden;border:2px solid var(--tile-event);transform:rotate(-.6deg);animation:card-flip var(--duration-slow) var(--ease-out-expo) both}.peluang-head{padding:var(--space-3) var(--space-4);border-bottom:1.5px solid var(--line)}.peluang-head h3{font-size:var(--text-xl)}.peluang-why{padding:var(--space-3) var(--space-4) 0}.peluang-options{padding:var(--space-3) var(--space-4) var(--space-4)}.peluang-option{flex:1 1 12rem}@keyframes card-flip{0%{opacity:0;transform:rotate(-.6deg) perspective(600px) rotateY(-70deg)}}.bot-panel{display:grid;gap:var(--space-3)}.bot-thinking{display:flex;align-items:center;gap:var(--space-2);font-weight:700}.bot-dot{width:.75rem;height:.75rem;border-radius:50%;background:var(--gold);animation:bot-pulse 1s ease-in-out infinite alternate}.bot-caption{min-height:3em;padding:var(--space-3) var(--space-4);border:1.5px dashed var(--line);border-radius:var(--radius-ticket);font:700 var(--text-lg) / 1.3 var(--font-display)}@keyframes bot-pulse{to{opacity:.3;transform:scale(.7)}}.game{min-height:100dvh;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--gutter);border-bottom:2px solid var(--ink);background:var(--paper)}.topbar-brand{font:800 var(--text-lg) / 1 var(--font-display);letter-spacing:-.03em}.topbar-round{display:flex;align-items:baseline;gap:var(--space-1);font-size:var(--text-lg)}.topbar-of{color:var(--ink-soft);font-size:var(--text-sm)}.topbar-final{margin-left:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--lv4);color:#fff;font:800 var(--text-xs) / 1.4 var(--font-body);text-transform:uppercase;letter-spacing:.08em}.topbar-actions{margin-left:auto;display:flex;gap:var(--space-2)}.game-main{display:grid;gap:var(--space-4);align-content:start;width:100%;max-width:1440px;margin-inline:auto;padding:var(--space-4) var(--gutter) calc(var(--space-7) + 64px)}.panel{min-width:0}.panel-title{font-size:var(--text-lg);margin-bottom:var(--space-2)}.panel-pasar{display:grid;align-content:start;gap:var(--space-3)}.tabs{position:fixed;inset:auto 0 0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink);background:var(--paper);padding-bottom:env(safe-area-inset-bottom)}.tab{display:grid;justify-items:center;gap:2px;min-height:56px;padding:var(--space-1);border:0;background:none;color:var(--ink-soft);font:700 var(--text-xs) / 1 var(--font-body);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-expo)}.tab:active{transform:scale(.94)}.tab:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}.tab[aria-current=true]{color:var(--ink);box-shadow:inset 0 4px 0 var(--ink)}.tab-icon{font-size:1.25rem}@media(max-width:767px){.panel[data-active=false]{display:none}}@media(min-width:768px){.tabs{display:none}.game-main{padding-bottom:var(--space-6);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"board board" "turn players" "turn pasar"}.panel-board{grid-area:board}.panel-turn{grid-area:turn}.panel-players{grid-area:players}.panel-pasar{grid-area:pasar}}@media(min-width:1024px){.game-main{grid-template-columns:minmax(0,1fr) minmax(300px,360px);grid-template-rows:auto 1fr;grid-template-areas:"board players" "turn pasar"}.pasar-market{display:none}}.home{min-height:100dvh;display:grid;align-content:center;gap:var(--space-6);width:min(100% - 2 * var(--gutter),980px);margin-inline:auto;padding-block:var(--space-7)}.home-note{position:relative;overflow:hidden;padding:clamp(1.5rem,1rem + 4vw,4rem);border:2px solid var(--ink);border-radius:var(--radius-card) var(--radius-card) var(--radius-card) 0;box-shadow:8px 8px 0 var(--ink);transform:rotate(-1.2deg);animation:rise-in var(--duration-slow) var(--ease-out-expo) both}.home-note:after{content:"";position:absolute;inset:10px;border:1.5px dashed var(--line);border-radius:calc(var(--radius-card) - 6px);pointer-events:none}.home-title{font-size:var(--text-hero);letter-spacing:-.045em;line-height:.85;margin-block:var(--space-2) var(--space-4)}.home-lede{max-width:38ch;font-size:var(--text-lg)}.home-ladder{list-style:none;margin:var(--space-5) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.home-ladder li{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border-radius:var(--radius-pill);background:var(--paper);border:1.5px solid var(--lv);font-weight:700;font-size:var(--text-sm)}.home-ladder .num{display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--lv);color:#fff}.home-ladder li[data-level="1"]{--lv: var(--lv1)}.home-ladder li[data-level="2"]{--lv: var(--lv2)}.home-ladder li[data-level="3"]{--lv: var(--lv3)}.home-ladder li[data-level="4"]{--lv: var(--lv4)}.home-serial{position:absolute;right:clamp(1rem,4vw,3rem);top:clamp(1rem,3vw,2.5rem);font-size:var(--text-sm);letter-spacing:.2em;color:var(--down-ink);transform:rotate(90deg) translate(100%);transform-origin:right top}.home-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.home-warning{padding:var(--space-3) var(--space-4);border-left:6px solid var(--down);background:var(--paper-2);font-weight:600}.chart{margin:0;padding:var(--space-3);border:1.5px solid var(--line);border-radius:var(--radius-card);background:var(--paper)}.chart svg{display:block;width:100%;height:auto;font:600 11px / 1 var(--font-body)}.chart-grid line{stroke:var(--line);stroke-dasharray:2 4}.chart-grid text,.chart-x{fill:var(--ink-soft)}.chart-line polyline{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.chart-line text{font-weight:800;paint-order:stroke;stroke:var(--paper);stroke-width:3px}.chart-caption{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--ink-soft)}.comp,.comp-list{display:grid;gap:var(--space-3)}.comp-list,.comp-legend{list-style:none;margin:0;padding:0}.comp-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-sm)}.comp-swatch{display:inline-block;width:1rem;height:1rem;vertical-align:-3px;border:1px solid var(--ink)}.comp-row{display:grid;grid-template-columns:minmax(4rem,8rem) 1fr;align-items:center;gap:var(--space-3)}.comp-name{font-weight:700;overflow-wrap:anywhere}.comp-bars{display:grid;gap:3px}.comp-bar{display:flex;height:1.25rem;border-radius:var(--radius-ticket);background:var(--paper-2);overflow:hidden}.comp-bar-debt{height:.6rem}.comp-seg{height:100%;border-right:1.5px solid var(--paper);transform-origin:left;animation:grow-x var(--duration-slow) var(--ease-out-expo) both}.comp-cash{background:var(--gold)}.comp-investasi{background:var(--tile-invest)}.comp-properti{background:repeating-linear-gradient(45deg,var(--lv3) 0 4px,var(--paper) 4px 6px)}.comp-bisnis{background:var(--lv3)}.comp-utang{background:repeating-linear-gradient(-45deg,var(--down) 0 3px,transparent 3px 6px)}@keyframes grow-x{0%{transform:scaleX(0)}}.rapor{width:min(100% - 2 * var(--gutter),1080px);margin-inline:auto;padding-block:var(--space-5) var(--space-7);display:grid;gap:var(--space-6)}.rapor-head{position:relative;overflow:hidden;padding:clamp(1.25rem,1rem + 3vw,3rem);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.rapor-head h1{font-size:var(--text-2xl);margin-block:var(--space-2)}.rapor-stamp{position:absolute;right:clamp(1rem,4vw,3rem);top:clamp(1rem,3vw,2.5rem);color:var(--up-ink);font-size:var(--text-lg)}.rapor-block{display:grid;gap:var(--space-3)}.rapor-block h2{font-size:var(--text-xl)}.rapor-hint{font-size:var(--text-sm);color:var(--ink-soft)}.rank{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.rank-row{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--line);border-radius:var(--radius-ticket);background:var(--paper)}.rank-row[data-rank="1"]{border:2px solid var(--gold);background-image:var(--guilloche);box-shadow:4px 4px 0 var(--gold)}.rank-no{font-size:var(--text-2xl);min-width:1.5ch}.rank-name{font-weight:800}.rank-title{font-size:var(--text-sm);color:var(--ink-soft)}.rank-score{font-size:var(--text-xl)}.rank-unit{font:600 var(--text-xs) / 1 var(--font-body)}.rank-detail{grid-column:1 / -1;font-size:var(--text-sm)}.rank-detail summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:700}.rank-detail dl{margin:0;display:grid;gap:2px}.rank-detail dl div{display:flex;justify-content:space-between;border-bottom:1px dotted var(--line)}.rank-detail dd{margin:0}.stories{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--space-4)}.story{overflow:hidden;display:grid;align-content:start;gap:var(--space-3);padding-bottom:var(--space-4)}.story>:not(.story-head){margin-inline:var(--space-4)}.story-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1.5px solid var(--line)}.story-head h3{font-size:var(--text-lg)}.story-title{font-weight:800;color:var(--lv4-ink)}.story-reason{font-size:var(--text-sm)}.moments{list-style:none;padding:0;display:grid;gap:var(--space-2);font-size:var(--text-sm)}.moments li{display:grid;grid-template-columns:1.5rem 1fr;gap:var(--space-2)}.whatif{padding:var(--space-3);border-left:5px solid var(--gold);background:var(--paper-2);font-size:var(--text-sm)}.rapor-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.setup{width:min(100% - 2 * var(--gutter),920px);margin-inline:auto;padding-block:var(--space-5) var(--space-7);display:grid;gap:var(--space-5)}.setup-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.setup-head h1{font-size:var(--text-2xl)}.setup-form{display:grid;gap:var(--space-6)}.setup-modes{margin:0;padding:0;border:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:var(--space-3)}.setup-modes legend{margin-bottom:var(--space-3)}.setup-modes h2,.setup-seats h2{font-size:var(--text-xl)}.mode-card{position:relative;display:grid;gap:var(--space-1);padding:var(--space-4);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-expo)}.mode-card:hover{transform:translateY(-2px)}.mode-card[data-checked=true]{border:2px solid var(--ink);box-shadow:var(--shadow-print);background-image:var(--guilloche)}.mode-card input{position:absolute;opacity:0;inset:0;cursor:pointer}.mode-card:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:3px}.mode-name{font:800 var(--text-lg) / 1 var(--font-display)}.mode-meta{font-size:var(--text-sm);color:var(--ink-soft)}.setup-seats{display:grid;gap:var(--space-3);justify-items:start}.seat-list{list-style:none;margin:0;padding:0;width:100%;display:grid;gap:var(--space-3)}.seat{padding:var(--space-3) var(--space-4);display:grid;gap:var(--space-3)}.seat-head{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:var(--space-3)}.seat-head .seat-field:nth-of-type(2){grid-column:2}@media(min-width:640px){.seat-head{grid-template-columns:auto 1fr 12rem auto}.seat-head .seat-field:nth-of-type(2){grid-column:auto}}.seat-field{display:grid;gap:2px;min-width:0}.seat-field input,.seat-field select{min-height:44px;width:100%;padding:0 var(--space-3);border:1.5px solid var(--line);border-radius:var(--radius-ticket);background:var(--paper);color:var(--ink);font:600 var(--text-base) / 1 var(--font-body)}.seat-remove{min-width:44px;padding:0}.seat-colors{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.swatch{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.swatch:before{content:"";width:28px;height:28px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 2px var(--paper),0 0 0 3.5px var(--line);transition:transform var(--duration-fast) var(--ease-bounce)}.swatch:hover:before{transform:scale(1.12)}.swatch:has(input:checked):before{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--ink);transform:scale(1.1)}.swatch:has(input:focus-visible){outline:3px solid var(--gold)}.swatch input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.setup-errors{margin:0;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-6);border-left:6px solid var(--down);background:var(--paper-2);color:var(--down-ink);font-weight:700}.setup-go{justify-self:start}