*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:#211a17 url('./assets/salon-v2-display.webp') center top/cover fixed no-repeat;color:#f5e4cd;font:16px/1.5 system-ui,sans-serif}a{color:#ffd098;text-underline-offset:4px}button,input,a{touch-action:manipulation}button{min-height:44px;border:1px solid #ac8263;background:#32241c;color:#f9e4cb;font:650 14px/1.3 system-ui,sans-serif;padding:8px 12px;border-radius:3px;cursor:pointer}button:hover:not(:disabled){background:#513324}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus{outline:3px solid #ffbd66;outline-offset:3px}.skip{position:absolute;top:-100px;left:10px;background:#211a17;padding:12px;z-index:3}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:14px 24px;background:#1f1713ed}.brand{font:700 25px/1 Georgia,serif;text-decoration:none;color:#f7dfbf}nav{display:flex;gap:20px}nav a{display:flex;align-items:center;min-height:44px}main{max-width:1140px;margin:auto;padding:0 24px 30px}.heading{padding:28px 0 24px;text-shadow:0 2px 7px #000}.heading h1{font:500 clamp(43px,6vw,74px)/1 Georgia,serif;margin:10px 0}.heading p{margin:6px 0}.eyebrow{font:750 12px/1.4 system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase}.terms{font-size:12px;background:#201713f2;border-left:3px solid #c48b54;padding:9px 12px;margin:0 0 16px}.play-area{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.85fr);grid-template-areas:'board setup' 'board actions' 'outcome outcome';gap:16px;align-items:start}.toolbar{grid-area:setup;background:#241b17f5;padding:18px;border-top:3px solid #bf7e48}.balance{display:flex;justify-content:space-between;align-items:center;gap:12px}.balance h2{font:500 16px/1.2 Georgia,serif;margin:0}.balance strong{font:500 31px/1.1 Georgia,serif}#amounts{display:flex;gap:6px;margin:12px 0 8px}#amounts button{flex:1}#amounts button[aria-pressed=true]{background:#b6733b;color:#140c08;border-color:#f1be80}#choice{font-size:13px;margin:10px 0}.primary{background:#d08c4b;color:#1e110a;font-size:17px;min-height:49px;width:100%;border-color:#efbc84}.primary:hover:not(:disabled){background:#efb472}.board-panel{grid-area:board;min-width:0;background:#201915 url('./assets/table-v2-display.webp') center/cover;padding:22px;border:1px solid #96623e;box-shadow:0 5px 30px #0008}.board-head{background:#241a15;padding:10px 12px;margin-bottom:12px;border-bottom:1px solid #986f4c}.board-head h2{font:500 27px/1.15 Georgia,serif;margin:0 0 6px}.board-head p{font-size:13px;margin:0}#board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}#board button{min-width:0;min-height:54px;padding:4px;aspect-ratio:1;position:relative;background:#1b1612dd;border-color:#996443}#board button:disabled{opacity:1}#board .tile-number{position:absolute;left:5px;top:3px;font:700 12px/1 system-ui,sans-serif;color:#ffe6bc;z-index:1;text-shadow:0 1px 3px #000}#board .tile-state{position:absolute;bottom:3px;left:0;right:0;font:750 9px/1 system-ui,sans-serif;letter-spacing:.05em;text-shadow:0 1px 3px #000}.symbol{display:block;width:100%;height:100%;background-image:url('./assets/symbols-v2-display.webp');background-size:300% 100%;background-repeat:no-repeat;background-position:0% 50%;clip-path:inset(2%)}.s1{background-position:50% 50%}.s2{background-position:100% 50%}#board button.opened{border:2px solid #ffd39b;box-shadow:inset 0 0 0 1px #9a542b}#board button.revealed:not(.opened) .symbol{opacity:.48}.legend{font-size:11px;background:#241a15f5;padding:8px;margin:12px 0 0}.actions{grid-area:actions;background:#241b17f5;padding:18px}#offer{font-size:13px;margin:8px 0}.utility{display:flex;flex-wrap:wrap;gap:6px}.utility button{flex:1;font-size:12px;padding:6px}.motion{display:flex;align-items:center;gap:8px;min-height:42px;font-size:12px}.motion input{width:18px;height:18px}#status,#art-status{font-size:13px;margin:5px 0}#art-status:empty{display:none}#go-board,#retry-art{margin-top:8px;font-size:12px}.outcome{grid-area:outcome;background:#251b16f5;padding:22px}.outcome h2{font:500 33px/1.15 Georgia,serif;margin:8px 0 14px}.outcome p{margin:8px 0}.outcome button{margin-top:10px}.rules,.history{background:#251b16f5;padding:26px;margin-top:22px}.rules h2,.history h2,.reading h1{font:500 36px/1.15 Georgia,serif;margin:8px 0 18px}.rules ol{padding-left:22px}.rules li{margin-bottom:8px}details{border-top:1px solid #8e684c;padding:8px 0}summary{cursor:pointer;min-height:44px;padding:8px 0;font-weight:650}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;font-size:14px}th,td{padding:9px 6px;text-align:left;border-bottom:1px solid #805c43}caption{text-align:left;padding:8px 0;font-weight:650}.history p{overflow-wrap:anywhere}.reading{background:#251b16f5;max-width:820px;padding:28px;margin:24px auto}.reading h2{font:500 26px/1.2 Georgia,serif;margin-top:28px}footer{max-width:1140px;padding:22px 24px;margin:auto;display:flex;flex-wrap:wrap;gap:20px;background:#211914ef}footer p{width:100%;font-size:12px;margin:0}.just-opened .opened .symbol{animation:reveal .2s ease-out}@keyframes reveal{from{transform:scale(.9);opacity:.6}to{transform:scale(1);opacity:1}}.less-motion .symbol{animation:none}#board-title,#result,#setup-title{scroll-margin-top:16px}@media(max-width:740px){header{padding:8px 12px}.brand{font-size:23px}nav{gap:12px;font-size:13px}main{padding:0 12px 20px}.heading{padding:18px 0 14px}.heading h1{font-size:43px}.heading>p:last-child{font-size:12px}.terms{font-size:11px;margin-bottom:10px}.play-area{display:flex;flex-direction:column;gap:12px}.play-area>*{width:100%}.toolbar{order:0;padding:12px}.board-panel{order:1;padding:12px}.actions{order:2;padding:12px}.outcome{order:3;padding:16px}.board-head{padding:8px}.board-head h2{font-size:25px}#board{gap:5px}#board button{min-height:44px}.balance strong{font-size:27px}#choice{margin:7px 0}.rules,.history{padding:18px}.rules h2,.history h2{font-size:30px}.rules p,.rules li{font-size:14px}#status,#art-status{font-size:12px}}@media(prefers-reduced-motion:reduce){.symbol{animation:none}}

.forty-wallet{display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:center}.forty-wallet h2{font-size:14px;margin:0;font-weight:500}.forty-wallet-amount{font:500 30px/1.2 Georgia,serif}.forty-wallet-amount span{font:650 12px/1.2 system-ui,sans-serif}.forty-wallet-connect{grid-column:1/-1}.forty-wallet small{grid-column:1/-1;color:#ead4b8;font-size:12px}.forty-practice{grid-column:1/-1;font-size:13px}.forty-practice summary{padding:5px 0}.forty-practice p{margin:5px 0}.forty-practice strong{font-size:18px}.forty-practice>div{padding:8px;background:#211914}#setup-title{font-family:system-ui,sans-serif}#board-title,#result{overflow-wrap:anywhere}

@media(min-width:560px) and (max-width:740px) and (max-height:480px){.play-area{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr);grid-template-areas:"board setup" "board actions" "outcome outcome";gap:12px}.play-area:has(#start[hidden]){grid-template-areas:"board actions" "board setup" "outcome outcome"}}