@import "https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800&family=Nunito:wght@600;700;800&family=Quicksand:wght@600;700&display=swap";.theme-switcher{gap:.5rem;padding:.4rem 0;display:flex}.theme-switcher__btn{border:2px solid var(--line);border-radius:var(--button-radius);background:var(--surface);box-shadow:var(--shadow);color:var(--ink);letter-spacing:var(--button-letter-spacing);text-transform:uppercase;cursor:pointer;transition:background var(--transition-duration) var(--transition-timing), color var(--transition-duration) var(--transition-timing), box-shadow var(--transition-duration) var(--transition-timing);padding:.42rem .82rem;font-size:.66rem;font-weight:700}.theme-switcher__btn:hover{background:var(--accent-soft)}.theme-switcher__btn--active{background:var(--accent);color:#fff;box-shadow:var(--glow)}.home{text-align:center;justify-items:center;gap:1rem;width:min(100%,1040px);margin-top:clamp(1.5rem,7vh,5rem);display:grid}.home__title{border:3px solid var(--line);border-radius:var(--button-radius);background:var(--surface);box-shadow:var(--shadow);letter-spacing:.07em;text-transform:uppercase;color:var(--ink);margin:0;padding:.42rem .85rem;font-size:clamp(2.15rem,8.4vw,5.1rem);line-height:.92}.home__subtitle{border:2px solid var(--line);border-radius:var(--button-radius);background:var(--surface);max-width:56ch;box-shadow:var(--shadow);color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin:0;padding:.42rem .72rem;font-size:clamp(.66rem,1.4vw,.86rem);font-weight:700}.home__actions{justify-content:center;gap:1rem;margin-top:.55rem;display:flex}.home__cta{border:2px solid var(--line);border-radius:var(--button-radius);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--accent);box-shadow:var(--shadow);transition:filter var(--transition-duration) var(--transition-timing), box-shadow var(--transition-duration) var(--transition-timing);padding:.94rem 1.6rem;font-size:.74rem;font-weight:800;text-decoration:none;display:inline-block}.home__cta:hover{filter:brightness(.9)}.home__cta--online{background:var(--surface);color:var(--ink);cursor:pointer}.home__cta--online:hover{background:var(--accent);color:#fff}.home__cta--online:focus-visible,.home__cta:focus-visible{box-shadow:var(--glow)}.home__cta:disabled{opacity:.6;cursor:not-allowed}.home__error{color:#c62828;margin:0;font-size:.82rem;font-weight:600}.checker{width:var(--checker-size);height:var(--checker-size);border-radius:var(--checker-radius);box-shadow:var(--shadow);transition:outline-color var(--transition-duration) var(--transition-timing), transform var(--transition-duration) var(--transition-timing), box-shadow var(--transition-duration) var(--transition-timing);flex-shrink:0;position:relative;overflow:hidden}.checker--player-white{background:var(--checker-white);border:2px solid var(--checker-white-border)}.checker--player-black{background:var(--checker-black);border:2px solid var(--checker-black-border)}[data-theme=fairytale] .checker{box-shadow:var(--shadow), inset 0 1px 0 #ffffff8c}[data-theme=fairytale] .checker:after{content:"";pointer-events:none;background:#ffffff59;border-radius:50%;position:absolute;inset:8% 14% 40%}[data-theme=fairytale] .checker--player-white{background:radial-gradient(circle at 30% 25%,#fff 0%,#fff5fc 58%,#f7e8f8 100%);border-width:1px}[data-theme=fairytale] .checker--player-black{background:radial-gradient(circle at 30% 25%,#b59ad0 0%,#8c6bb1 58%,#705190 100%);border-width:1px}.board{--point-w:clamp(2rem, 5.8vw, 3.72rem);--point-h:clamp(11.2rem, 27vw, 17.2rem);--bar-w:clamp(1.68rem, 4.6vw, 3rem);--tray-w:clamp(2.1rem, 5.2vw, 3.7rem);--checker-size:clamp(1.42rem, 4vw, 2.72rem);border:var(--board-border-width) solid var(--line);background:var(--ink);border-radius:var(--button-radius);box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;gap:0;padding:.26rem;display:flex;position:relative}.board__surface{border:var(--cell-border-width) solid var(--line);border-radius:var(--button-radius);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.board__row{display:flex}.board__row:first-child{border-bottom:var(--cell-border-width) solid var(--line)}.board__quadrant{display:flex}.board__bar{width:var(--bar-w);background:var(--bar-bg);border:none;border-left:var(--cell-border-width) solid var(--line);border-right:var(--cell-border-width) solid var(--line);cursor:default;font:inherit;color:inherit;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:0;display:flex}.board__bar--selected{background:var(--highlight-fill);outline:3px solid var(--highlight-border);outline-offset:-3px;box-shadow:var(--glow)}.bar__stack{flex-direction:column;align-items:center;gap:2px;display:flex}.bar__count{color:var(--ink);font-size:.72rem;font-weight:800}.point{width:var(--point-w);height:var(--point-h);background:var(--surface);cursor:pointer;transition:background var(--transition-duration) var(--transition-timing);border:none;flex-direction:column;align-items:center;padding:0;display:flex;position:relative}.point+.point{border-left:var(--cell-border-width) solid var(--soft-line)}.point:hover{background:var(--point-hover);box-shadow:inset 0 0 0 1px var(--soft-line)}.point__triangle{z-index:0;transition:opacity var(--transition-duration) var(--transition-timing);position:absolute;inset:0}.point--top .point__triangle{clip-path:polygon(0 0,100% 0,50% 88%)}.point--bottom .point__triangle{clip-path:polygon(50% 12%,100% 100%,0 100%)}.point--dark .point__triangle{background:var(--tri-dark)}.point--light .point__triangle{background:var(--tri-light)}.point--selected{background:var(--highlight-fill);box-shadow:var(--glow)}.point--selected .point__triangle{opacity:.78;background:var(--highlight-border)!important}.point--valid-dest{background:var(--highlight-fill);box-shadow:var(--glow)}.point--valid-dest .point__triangle{opacity:.28}.point--valid-dest:before{content:"";z-index:3;border-radius:var(--checker-radius);border:2px solid var(--highlight-border);background:var(--highlight-border);pointer-events:none;width:.98rem;height:.98rem;box-shadow:var(--glow);position:absolute;left:50%;transform:translate(-50%)}.point--top.point--valid-dest:before{top:38%}.point--bottom.point--valid-dest:before{bottom:38%}.point__checkers{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.point--top .point__checkers{margin-top:.32rem}.point--top .point__checkers .checker+.checker{margin-top:calc(var(--checker-size) * -.11)}.point--bottom{flex-direction:column-reverse}.point--bottom .point__checkers{flex-direction:column-reverse;margin-bottom:.32rem}.point--bottom .point__checkers .checker+.checker{margin-bottom:calc(var(--checker-size) * -.11)}.point__extra{z-index:2;text-align:center;min-width:1.34rem;color:var(--ink);background:var(--label-bg);border:var(--cell-border-width) solid var(--label-border);padding:.08rem .32rem;font-size:.66rem;font-weight:800;position:relative}.point__label{z-index:2;color:var(--ink);background:var(--label-bg);border:var(--cell-border-width) solid var(--label-border);padding:.08rem .22rem;font-size:.68rem;font-weight:800;line-height:1;position:absolute}.point--top .point__label{bottom:.16rem}.point--bottom .point__label{top:.16rem}.board__tray{width:var(--tray-w);background:var(--bar-bg);border:var(--cell-border-width) solid var(--line);border-radius:var(--button-radius);cursor:default;font:inherit;color:inherit;flex-direction:column;padding:0;display:flex}.board__tray--active{cursor:pointer}.tray__section{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.tray__section:first-child{border-bottom:var(--cell-border-width) solid var(--line)}.tray__section--active{background:var(--highlight-fill);outline:3px solid var(--highlight-border);outline-offset:-3px;box-shadow:var(--glow)}.tray__section--winner{box-shadow:inset 0 0 0 2px #ffd769bf}.tray__count{color:var(--ink);font-size:.72rem;font-weight:800}.point--selected .checker{outline:3px solid var(--highlight-border);outline-offset:-3px;transform:scale(1.04)}@media (width<=760px){.board{border-width:2px;padding:.18rem}}.dice{--die-size:46px;min-height:var(--die-size);align-items:center;gap:.55rem;display:flex}.dice__hint{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:700}.die{border:2px solid var(--line);background:var(--surface);border-radius:var(--button-radius);width:46px;height:46px;box-shadow:var(--shadow);transition:opacity var(--transition-duration) var(--transition-timing), transform var(--transition-duration) var(--transition-timing), box-shadow var(--transition-duration) var(--transition-timing);position:relative}.die--used{opacity:.34;transform:scale(.95)}.die__pip{border-radius:var(--pip-radius);background:var(--ink);width:8px;height:8px;position:absolute;transform:translate(-50%,-50%)}@media (width<=760px){.dice{--die-size:42px}.die{width:42px;height:42px}.die__pip{width:7px;height:7px}}.winner-celebration{z-index:35;pointer-events:none;position:fixed;inset:0}.winner-celebration__canvas{width:100%;height:100%;display:block}.game-screen{justify-items:center;gap:1rem;width:100%;display:grid}.game-screen__title{border:2px solid var(--line);border-radius:var(--button-radius);background:var(--surface);box-shadow:var(--shadow);color:var(--ink);letter-spacing:.18em;text-transform:uppercase;margin:0;padding:.48rem .88rem;font-size:clamp(.72rem,1.8vw,.96rem);font-weight:800}.game-screen__panel{border:2px solid var(--line);border-radius:var(--button-radius);background:var(--surface);box-shadow:var(--shadow);align-items:center;gap:.95rem;padding:.58rem .78rem;display:flex}.game-screen__roll,.game-screen__toggle{border:2px solid var(--line);border-radius:var(--button-radius);cursor:pointer;min-height:44px;letter-spacing:var(--button-letter-spacing);text-transform:uppercase;transition:filter var(--transition-duration) var(--transition-timing), background var(--transition-duration) var(--transition-timing), box-shadow var(--transition-duration) var(--transition-timing);box-shadow:var(--shadow);justify-content:center;align-items:center;padding:.62rem 1rem;font-size:.7rem;font-weight:700;display:inline-flex}.game-screen__roll{background:var(--accent);color:#fff}.game-screen__roll:hover{filter:brightness(.9)}.game-screen__roll:disabled{background:var(--surface);color:var(--muted);cursor:not-allowed}.game-screen__notice{border:2px solid var(--line);border-radius:var(--button-radius);background:var(--notice-bg);color:var(--notice-text);box-shadow:var(--shadow);letter-spacing:.12em;text-transform:uppercase;text-align:center;margin:0;padding:.45rem 1rem;font-size:.72rem;font-weight:700}.game-screen__toggle{background:var(--surface);color:var(--ink)}.game-screen__toggle--active{background:var(--accent-soft);box-shadow:var(--glow)}.game-screen__board-wrap{justify-content:center;width:100%;padding:.2rem 0 .7rem;display:flex;overflow-x:auto}@media (width<=760px){.game-screen__panel{flex-wrap:wrap;justify-content:center;width:100%}}.game-screen__info{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:600}.game-screen__link-box{border:2px solid var(--line);border-radius:var(--button-radius);background:var(--surface);box-shadow:var(--shadow);align-items:center;gap:.5rem;padding:.45rem;display:flex}.game-screen__link-input{border:2px solid var(--line);border-radius:var(--button-radius);min-width:0;min-height:44px;color:var(--ink);letter-spacing:.04em;box-sizing:border-box;background:0 0;flex:1;padding:.62rem .7rem;font-family:inherit;font-size:.7rem;font-weight:700}:root{--bg:#ddd9d3;--surface:#f3f2f0;--ink:#1a1a1b;--muted:#8d8b86;--line:#1f2022;--soft-line:#c9c5be;--accent:#ef3216;--accent-soft:#ffd9d2;--tri-dark:#4f5053;--tri-light:#c3bfb8;--checker-white:#f7f7f6;--checker-black:#18191b;--checker-white-border:#1f2022;--checker-black-border:#f3f2f0;--bar-bg:#d3d0cb;--point-hover:#eceae6;--label-bg:#fbfbfaeb;--label-border:#ccc8c1;--notice-bg:#fffbe6;--notice-text:#7a5a00;--highlight-fill:#ffd9d2;--highlight-border:#ef3216;--font-family:"Archivo", "Segoe UI", sans-serif;--font-weight:600;--button-letter-spacing:.1em;--checker-radius:999px;--pip-radius:999px;--button-radius:0px;--board-border-width:3px;--cell-border-width:1px;--transition-duration:.12s;--transition-timing:ease;--shadow:none;--glow:none;color:var(--ink);font-family:var(--font-family);line-height:1.45;font-weight:var(--font-weight);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0;overflow-x:hidden}#root{min-height:100vh}.app-shell{flex-direction:column;align-items:center;max-width:1380px;min-height:100vh;margin:0 auto;padding:clamp(.9rem,2.7vw,2.1rem);display:flex}button{font:inherit}::selection{background:var(--accent);color:#fff}