:root{color:#222b24;font-synthesis:none;--ink:#222b24;--muted:#556157;--paper:#fffefa;--border:#d9ddd1;--coral:#ff795e;--peach:#ffded1;--lilac:#e5dcf7;--mint:#daead9;--yellow:#faedc2;--pink:#f9dce4;--blue:#d9ebf5;background:#f6f5ef;font-family:DM Sans,system-ui,Malgun Gothic,Yu Gothic,sans-serif}*,:before,:after{box-sizing:border-box}body{min-width:280px;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,fieldset:disabled button{cursor:default;opacity:.64}:focus-visible{outline-offset:4px;outline:3px solid #284b37}h1,h2,p{margin:0}h1,h2{text-wrap:balance;overflow-wrap:anywhere}h2{letter-spacing:-.035em;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.18}.container{width:min(1120px,100% - 56px);margin-inline:auto}.site-header{border-bottom:1px solid var(--border)}.header-inner{justify-content:space-between;align-items:center;gap:16px;min-height:76px;display:flex}.brand{letter-spacing:-.06em;white-space:nowrap;align-items:center;gap:10px;font-size:1.22rem;font-weight:900;display:inline-flex}.brand-mark{background:var(--coral);letter-spacing:0;border-radius:9px;place-items:center;width:32px;height:32px;font-size:1.28rem;display:grid}.brand-accent{color:#516553}.language-select{min-height:44px;color:var(--ink);background:var(--paper);cursor:pointer;border:1px solid #a9b4a6;border-radius:9px;padding:8px 10px;font-weight:680}.home-page{padding-block:36px 72px}.hero{isolation:isolate;background:#dce9da;border:1px solid #cadac7;border-radius:25px;grid-template-columns:1.08fr 1fr;align-items:center;gap:15px;min-height:395px;padding:46px 50px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;position:relative}.hero-copy h1{letter-spacing:-.075em;text-wrap:initial;max-width:12ch;font-size:clamp(2.55rem,6.3vw,5.35rem);font-weight:880;line-height:.99}.hero-copy p{color:#415246;max-width:40ch;margin-block:23px 26px;font-size:clamp(1rem,1.7vw,1.13rem);line-height:1.55}.button{background:var(--coral);border:1px solid var(--ink);min-height:48px;color:var(--ink);box-shadow:0 3px var(--ink);border-radius:10px;justify-content:center;align-items:center;gap:15px;padding:10px 18px;font-weight:800;line-height:1.25;display:inline-flex}.button:hover:not(:disabled){background:#ff937f}.button:active:not(:disabled){box-shadow:0 1px var(--ink);transform:translateY(2px)}.button span{font-size:1.1em}.hero-art{aspect-ratio:1.12;justify-self:center;place-items:center;width:min(100%,390px);display:grid;position:relative}.hero-art:before{content:"";aspect-ratio:1;border:1px dashed #708a74;border-radius:50%;width:86%;position:absolute}.hero-art:after{content:"";aspect-ratio:1;z-index:-1;border:1px solid #a9bda9;border-radius:50%;width:100%;position:absolute}.hero-spark{z-index:2;color:#425846;line-height:1;position:absolute}.spark-left{font-size:3rem;top:11%;left:12%}.spark-right{font-size:2.35rem;bottom:12%;right:4%}.hero-chip{z-index:2;border:2px solid var(--ink);box-shadow:3px 4px var(--ink);place-items:center;line-height:1;display:grid;position:absolute}.hero-die{aspect-ratio:1;background:#ebe2fb;border-radius:15px;width:18%;font-size:clamp(1.7rem,5vw,3.55rem);bottom:14%;left:2%;transform:rotate(-17deg)}.hero-coin{aspect-ratio:1;background:#fbc868;border-radius:50%;width:18%;font-size:clamp(1.5rem,4.4vw,3rem);top:10%;right:2%;transform:rotate(17deg)}.game-directory{margin-top:34px}.game-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:15px;display:grid}.game-card{border:1px solid var(--border);background:var(--paper);border-radius:14px;align-items:center;gap:13px;min-height:100px;padding:15px 36px 15px 14px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.game-card:hover{border-color:#738474;box-shadow:0 3px #e3e7db}.game-icon{border-radius:11px;flex:none;place-items:center;width:50px;height:50px;font-size:1.65rem;font-weight:780;line-height:1;display:grid}[data-color=peach]{background:var(--peach)}[data-color=lilac]{background:var(--lilac)}[data-color=mint]{background:var(--mint)}[data-color=yellow]{background:var(--yellow)}[data-color=pink]{background:var(--pink)}[data-color=blue]{background:var(--blue)}.card-copy{overflow-wrap:anywhere;gap:5px;min-width:0;display:grid}.card-copy strong{letter-spacing:-.025em;line-height:1.17}.card-copy span{color:var(--muted);font-size:.85rem;line-height:1.42}.card-arrow{color:#526657;position:absolute;top:15px;right:13px}.site-footer{border-top:1px solid var(--border);padding:22px 0}.site-footer .brand{font-size:1rem}.site-footer .brand-mark{width:26px;height:26px;font-size:1rem}.footer-copyright{color:var(--muted);margin-top:10px;font-size:.85rem}.game-page{padding-block:33px 64px}.back-link{color:var(--muted);align-items:center;gap:7px;margin-bottom:23px;font-size:.92rem;font-weight:730;display:inline-flex}.back-link:hover{text-decoration:underline}.game-heading{align-items:center;gap:17px;margin-bottom:23px;display:flex}.game-heading .game-icon{width:62px;height:62px;font-size:2rem}.game-heading h1,.not-found h1{letter-spacing:-.065em;font-size:clamp(1.85rem,5.6vw,3.75rem);line-height:1.05}.game-heading p{color:var(--muted);margin-top:8px;line-height:1.5}.animation-setting{justify-content:end;margin-bottom:11px}.game-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:stretch;gap:14px;display:grid}.controls,.game-stage{border:1px solid var(--border);border-radius:18px;min-width:0;padding:clamp(17px,3vw,29px)}.controls{background:var(--paper)}.controls fieldset{border:0;gap:17px;min-width:0;margin:0;padding:0;display:grid}.controls .button{justify-content:space-between}.field{gap:7px;min-width:0;display:grid}.field>span,.field-label{font-size:.9rem;font-weight:750}.field input,.field textarea{color:var(--ink);background:#fffefa;border:1px solid #a9b4a6;border-radius:9px;width:100%;padding:10px 11px;line-height:1.5}.field textarea{resize:vertical;min-height:102px}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.check{color:#405044;align-items:center;gap:8px;font-size:.88rem;font-weight:690;display:flex}.check input{accent-color:#36543d;flex-shrink:0;width:17px;height:17px;margin:0}.error{color:#a02d26;font-size:.88rem;line-height:1.4}.game-stage{flex-direction:column;justify-content:center;align-items:center;gap:17px;min-height:285px;display:flex}.result{width:100%;color:var(--ink);text-align:center;overflow-wrap:anywhere;background:#ffffffa6;border:1px solid #27332326;border-radius:11px;justify-items:center;gap:5px;padding:12px 13px;display:grid}.result-label{color:#465847;font-size:.76rem;font-weight:800}.result strong{font-size:1.14rem}.result ol,.result ul{text-align:start;margin:4px 0;padding-inline-start:22px}.result .number-list{flex-wrap:wrap;justify-content:center;gap:6px;padding:0;list-style:none;display:flex}.number-list li{background:#fefefd;border-radius:6px;padding:5px 9px;font-weight:780}.teams{grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));gap:8px;width:100%;display:grid}.teams>div{text-align:start;background:#fefefd;border-radius:8px;padding:8px}.teams strong{font-size:.92rem}.game-guide{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-block:28px;padding-block:22px}.game-guide p{max-width:76ch;color:var(--muted);margin-top:8px;line-height:1.65}.not-found{justify-items:start;gap:25px;padding-block:32px;display:grid}.wheel{aspect-ratio:1;place-items:center;width:min(100%,254px);display:grid;position:relative}.decorative-wheel{width:73%}.wheel-disc{border:4px solid var(--ink);width:100%;height:100%;box-shadow:inset 0 0 0 4px #fffefa, 0 5px var(--ink);border-radius:50%;position:relative}.wheel-spinning{transition:transform 2.4s cubic-bezier(.12,.66,.12,1)}.wheel-pointer{clip-path:polygon(0 0,100% 0,50% 100%);z-index:2;background:var(--ink);width:21px;height:29px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.wheel-hub{aspect-ratio:1;background:var(--ink);color:#fffefa;border-radius:50%;place-items:center;width:16%;font-size:clamp(.75rem,2vw,1.4rem);display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.wheel-label{transform-origin:0;width:36%;transform:translateY(-50%) rotate(var(--angle)) translateX(28%);white-space:nowrap;text-overflow:ellipsis;text-align:center;padding-inline:3px;font-size:clamp(.56rem,1.3vw,.86rem);font-weight:830;position:absolute;top:50%;left:50%;overflow:hidden}.wheel-label-flipped{transform:translateY(-50%) rotate(var(--angle)) translateX(128%) rotate(180deg)}.stage-symbol{border:2px solid var(--ink);width:100px;height:100px;box-shadow:4px 5px var(--ink);background:#fffefa;border-radius:25px;place-items:center;font-size:4rem;font-weight:820;line-height:1;display:grid}.dice-tray,.match{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.die{border:2px solid var(--ink);width:64px;height:64px;box-shadow:2px 3px var(--ink);background:#fffefa;border-radius:12px;place-items:center;font-size:2.2rem;font-weight:750;line-height:1;display:grid}.coin-face{aspect-ratio:1;border:3px solid var(--ink);width:113px;box-shadow:inset 0 0 0 6px #ffe5a5, 3px 5px var(--ink);background:#fbc868;border-radius:50%;place-items:center;font-size:3rem;display:grid}.shake{animation:.42s ease-in-out shake}.flip{animation:.62s ease-in-out flip}@keyframes shake{25%{transform:rotate(-8deg)translateY(-8px)}55%{transform:rotate(8deg)translateY(-5px)}80%{transform:rotate(-4deg)}}@keyframes flip{42%{transform:translateY(-18px)rotateY(450deg)}to{transform:rotateY(720deg)}}.move-options{gap:11px;margin-top:11px;display:grid}.move-options .button{justify-content:flex-start}.match>span{aspect-ratio:1;border:1px solid var(--ink);background:#fffefa;border-radius:14px;place-items:center;width:clamp(53px,10vw,84px);font-size:clamp(1.7rem,5vw,2.8rem);display:grid}.ladder-grid{grid-template-columns:minmax(0,.66fr) minmax(0,1.34fr)}.ladder-instruction{text-align:center;font-size:.9rem;font-weight:740}.ladder-scroll{width:100%;padding:4px;overflow:auto}.ladder-board{min-width:calc(var(--columns) * 74px)}.ladder-labels{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));gap:5px;display:grid}.ladder-labels button,.ladder-labels span{white-space:nowrap;text-overflow:ellipsis;text-align:center;color:var(--ink);background:#fffefa;border:1px solid #615272;border-radius:7px;padding:6px 5px;font-size:.84rem;display:block;overflow:hidden}.ladder-labels button[aria-pressed=true],.ladder-labels .ladder-end{background:var(--coral)}.ladder-board svg{width:100%;height:200px;display:block}.ladder-board line,.ladder-board polyline{stroke:#655575;stroke-width:2px;vector-effect:non-scaling-stroke}.ladder-board polyline{stroke:#b03129;stroke-width:4px;fill:none;stroke-linejoin:round}.secondary-button{color:var(--ink);background:#fffefa;border:1px solid #615272;border-radius:8px;padding:8px 13px;font-weight:740}@media (width<=960px){.hero{padding:35px}.game-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=660px){.container{width:calc(100% - 32px)}.header-inner{flex-wrap:wrap;gap:8px;padding-block:10px}.home-page{padding-top:20px}.hero{grid-template-columns:1fr;gap:19px;padding:24px}.hero-copy h1{max-width:15ch}.hero-copy p{margin-block:14px 17px}.hero-art{width:min(82%,290px)}.game-grid,.ladder-grid{grid-template-columns:minmax(0,1fr)}.game-page{padding-top:22px}.game-heading{gap:10px}.game-heading .game-icon{width:49px;height:49px;font-size:1.6rem}}@media (width<=480px){.game-cards{grid-template-columns:minmax(0,1fr)}.game-card{min-height:82px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}
