:root{--paper:#f6e7c8;--orange:#ee4b22;--blue:#1646d8;--ink:#17130f;--white:#fffaf0;--green:#297a49;--red:#b91f28;--line:3px solid var(--ink);font-family:Arial Black,Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--paper);background-image:radial-gradient(#17130f18 1px,transparent 1px);background-size:8px 8px}.topbar{min-height:82px;padding:14px clamp(18px,4vw,58px);display:flex;align-items:center;justify-content:space-between;border-bottom:var(--line);background:var(--paper);gap:20px}.wordmark{font-size:clamp(1.55rem,4vw,2.5rem);letter-spacing:-.12em;color:var(--ink);text-decoration:none}.wordmark span{color:var(--orange)}.wordmark i{display:inline-grid;place-items:center;margin-left:12px;width:30px;height:30px;color:var(--paper);background:var(--blue);border-radius:50%;font-size:16px;letter-spacing:0}.top-actions{display:flex;align-items:center;gap:20px}.offline-note{font:700 .8rem Arial,sans-serif}.text-button{border:0;border-bottom:2px solid currentColor;padding:3px 0;background:none;color:inherit;font:800 .85rem Arial,sans-serif;cursor:pointer}button,input,select,textarea{font:inherit}button{cursor:pointer}.text-button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:4px solid #ffc928;outline-offset:3px}main{width:min(1180px,calc(100% - 32px));margin:0 auto}.hero{display:grid;grid-template-columns:1.1fr .9fr;min-height:390px;border-left:var(--line);border-right:var(--line)}.hero-copy{padding:clamp(32px,6vw,82px);background:var(--orange);border-right:var(--line);display:flex;flex-direction:column;justify-content:center}.kicker,.small-label{font:900 .74rem Arial,sans-serif;letter-spacing:.08em}.hero h1{font-size:clamp(3rem,8vw,7.7rem);line-height:.78;letter-spacing:-.1em;margin:12px 0 24px}.hero h1 span{display:block;color:var(--paper);text-shadow:4px 4px 0 var(--ink)}.hero p{max-width:510px;margin:0;font:700 clamp(1rem,2vw,1.3rem)/1.4 Arial,sans-serif}.hero-art{position:relative;overflow:hidden;display:grid;place-items:center;background:var(--blue)}.gavel{position:relative;width:230px;height:235px;transform:rotate(-18deg)}.gavel:before{content:"";position:absolute;left:94px;top:58px;width:43px;height:190px;background:var(--paper);border:var(--line);border-radius:7px}.gavel:after{content:"";position:absolute;left:24px;top:18px;width:180px;height:90px;background:#ffc928;border:var(--line);border-radius:10px;box-shadow:12px 12px 0 var(--ink)}.burst{position:absolute;font-size:4rem;color:var(--paper)}.burst.one{top:28px;right:25px}.burst.two{bottom:25px;left:32px}.setup{border:var(--line);border-top:0;background:var(--white)}.section-head{display:flex;justify-content:space-between;align-items:end;padding:34px clamp(20px,4vw,48px) 20px;border-bottom:var(--line);gap:20px}.section-head h2{font-size:clamp(1.8rem,4vw,3.4rem);line-height:.95;letter-spacing:-.06em;margin:0}.step-chip{background:var(--ink);color:var(--paper);padding:8px 12px;transform:rotate(2deg);font-size:.8rem}.setup-grid{display:grid;grid-template-columns:1.1fr .9fr}.panel{padding:clamp(24px,4vw,48px)}.panel+.panel{border-left:var(--line)}.panel h3{margin:0 0 10px;font-size:1.35rem}.helper{font:600 .88rem/1.4 Arial,sans-serif;margin:0 0 20px;color:#51483c}.player-row{display:grid;grid-template-columns:44px 1fr 150px 36px;align-items:center;gap:9px;margin-bottom:10px}.player-number{display:grid;place-items:center;width:38px;height:38px;background:var(--blue);color:white;border-radius:50%}input,select,textarea{width:100%;padding:12px;border:2px solid var(--ink);background:#fffdf7;border-radius:0;color:var(--ink);font-family:Arial,sans-serif;font-weight:700}.money-wrap{position:relative}.money-wrap:before{content:"Rp";position:absolute;left:10px;top:13px;font:700 .8rem Arial,sans-serif}.money-wrap input{padding-left:34px}.remove-player{border:0;background:none;font-size:1.5rem}.secondary,.primary,.auction-button{border:var(--line);padding:12px 18px;box-shadow:4px 4px 0 var(--ink);font:900 .9rem Arial,sans-serif}.secondary{background:var(--paper)}.primary{background:var(--orange);color:var(--ink)}.primary:active,.secondary:active,.auction-button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.form-field{display:block;margin-bottom:18px;font:900 .85rem Arial,sans-serif}.form-field select,.form-field textarea,.form-field input{margin-top:7px}.hidden{display:none!important}.start-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px clamp(20px,4vw,48px);background:#ffc928;border-top:var(--line)}.start-strip p{margin:0;font:700 .9rem/1.4 Arial,sans-serif}.start-strip .primary{font-size:1.1rem;padding:16px 30px;background:var(--blue);color:white}.game-shell{border:var(--line);border-top:0;background:var(--white)}.game-status{display:flex;justify-content:space-between;align-items:center;padding:18px clamp(18px,4vw,42px);background:var(--ink);color:white}.game-status p{margin:0}.reset-game{color:white}.auction-stage{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}.lot-side{padding:clamp(24px,5vw,64px);background:var(--orange);border-right:var(--line);min-height:530px;display:flex;flex-direction:column;justify-content:space-between}.lot-meta{display:flex;justify-content:space-between;gap:12px}.condition{display:inline-flex;align-items:center;gap:9px;border:2px solid var(--ink);padding:8px 10px;background:var(--paper);font:900 .78rem Arial,sans-serif}.condition i{font-style:normal;font-size:1.2rem}.lot-name{font-size:clamp(3.3rem,8vw,7rem);letter-spacing:-.09em;line-height:.82;margin:40px 0 25px;overflow-wrap:anywhere}.lot-points{display:inline-block;background:var(--blue);color:white;padding:12px 17px;transform:rotate(-2deg);font-size:1.25rem}.condition-copy{max-width:520px;font:700 1rem/1.4 Arial,sans-serif}.bid-side{padding:clamp(24px,4vw,42px)}.bid-side h2{font-size:2.2rem;letter-spacing:-.06em;margin:0 0 8px}.high-bid{border-bottom:var(--line);padding-bottom:22px;margin-bottom:22px}.high-bid strong{display:block;font-size:clamp(2rem,5vw,3.8rem);letter-spacing:-.07em;color:var(--blue)}.bidder-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.bidder{padding:12px 9px;border:2px solid var(--ink);background:var(--paper);font:800 .8rem Arial,sans-serif}.bidder.selected{background:var(--blue);color:white}.bidder.passed,.bidder:disabled{opacity:.4;text-decoration:line-through;cursor:not-allowed}.bid-input{display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0}.auction-button{width:100%;margin:5px 0;background:#ffc928}.auction-button.sell{background:var(--orange)}.auction-button.next{background:var(--green);color:white}.scoreboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));border-top:var(--line)}.scorecard{padding:18px;border-right:2px solid var(--ink)}.scorecard:last-child{border-right:0}.scorecard.you{background:#dbe3ff}.scorecard strong{display:block;font-size:1.15rem}.scorecard span{display:block;font:700 .78rem/1.5 Arial,sans-serif}.result{padding:clamp(28px,6vw,72px)}.result-header{max-width:750px}.result h1{font-size:clamp(3.5rem,9vw,8rem);letter-spacing:-.1em;line-height:.78;margin:16px 0}.winner-list{margin:38px 0}.winner-row{display:grid;grid-template-columns:70px 1.4fr 1fr 1fr;gap:15px;align-items:center;padding:18px 10px;border-top:2px solid var(--ink)}.winner-row:first-child{background:#ffc928;border:var(--line);box-shadow:7px 7px 0 var(--ink);margin-bottom:12px}.rank{font-size:2rem}.items{font:700 .78rem/1.4 Arial,sans-serif}.button-row{display:flex;gap:12px;flex-wrap:wrap}dialog{width:min(720px,calc(100% - 30px));border:var(--line);padding:clamp(24px,5vw,52px);background:var(--paper);box-shadow:12px 12px 0 var(--ink)}dialog::backdrop{background:#1646d8cc}.dialog-close{position:absolute;top:12px;right:16px;border:0;background:none;font-size:2rem}.rules-list{font:600 .92rem/1.5 Arial,sans-serif;padding-left:22px}.rules-list li{padding:8px 0}.rule-note{padding:12px;background:#ffc928;font:700 .8rem/1.45 Arial,sans-serif}.feedback{position:fixed;z-index:10;left:50%;bottom:30px;transform:translate(-50%,140%);margin:0;max-width:calc(100% - 30px);background:var(--ink);color:white;border:2px solid white;padding:12px 18px;font:800 .85rem Arial,sans-serif;transition:transform .2s}.feedback.show{transform:translate(-50%,0)}footer{display:flex;justify-content:space-between;padding:24px clamp(18px,4vw,58px);font:800 .75rem Arial,sans-serif}.error{color:var(--red);font:800 .82rem Arial,sans-serif;min-height:1em}@media(max-width:760px){.offline-note{display:none}.top-actions{gap:12px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{border-right:0;border-bottom:var(--line);padding:40px 24px}.hero-art{min-height:220px}.gavel{transform:rotate(-18deg) scale(.7)}.setup-grid,.auction-stage{grid-template-columns:1fr}.panel+.panel,.lot-side{border-left:0;border-right:0;border-top:var(--line)}.lot-side{min-height:420px}.player-row{grid-template-columns:36px 1fr 34px}.player-row .money-wrap{grid-column:2}.start-strip{align-items:stretch;flex-direction:column}.winner-row{grid-template-columns:45px 1fr 1fr}.winner-row .items{grid-column:2/-1}.game-status{align-items:flex-start;gap:10px}.scoreboard{grid-template-columns:1fr 1fr}.scorecard{border-bottom:2px solid var(--ink)}footer{flex-direction:column;gap:6px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}