@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-950: #071122;--bg-900: #0a1730;--bg-850: #111f3f;--gold-500: #cda74a;--gold-400: #e3c56a;--gold-300: #f2de9a;--stone-100: #f0e8d8;--ink-100: #dfe8f4;--ink-300: #9cb1c8;--danger-400: #db6c63;--success-400: #6fc4a6;--shadow-soft: 0 16px 36px rgba(0, 0, 0, .26);--line-soft: rgba(225, 208, 157, .16);--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px;--focus-ring: 0 0 0 2px rgba(233, 201, 94, .85), 0 0 0 6px rgba(233, 201, 94, .18);font-family:Inter,Segoe UI,sans-serif;color:var(--stone-100);background:var(--bg-950)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;overscroll-behavior-y:contain;background:radial-gradient(circle at top,rgba(38,55,91,.72),transparent 42%),linear-gradient(180deg,#091527,#07111d)}button,input,select,textarea{font:inherit}button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.app-shell{min-height:100vh;position:relative;overflow-x:hidden;padding:12px;color:var(--stone-100)}.app-shell__texture{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.02),transparent 50%),radial-gradient(circle at 20% 20%,rgba(205,167,74,.06),transparent 30%),repeating-linear-gradient(90deg,transparent,transparent 22px,rgba(233,201,94,.015) 22px,rgba(233,201,94,.015) 24px);opacity:.75}.panel-frame{position:relative;background:linear-gradient(180deg,#111f3ffa,#091325f7);border:1px solid var(--line-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.game-shell{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:14px 14px 18px}.eyebrow{margin:0;color:var(--gold-300);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase}.microcopy{margin:0;color:var(--ink-300);font-size:.8rem}h1,h2,h3,p{margin:0}.topbar{padding:4px 2px 12px;display:flex;gap:12px;justify-content:space-between;align-items:center}.topbar h1{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.9rem,6vw,2.7rem);color:var(--gold-300);letter-spacing:.08em;text-transform:uppercase;line-height:.9}.topbar__meta{display:flex;align-items:center;gap:10px}.progress-stack{text-align:right}.progress-stack strong{display:block;font-size:1rem;color:var(--gold-400)}.ghost-button--howto{min-width:132px;text-transform:uppercase;letter-spacing:.08em}.layout-grid{display:grid;gap:16px;align-items:start}.layout-grid__tray{order:1}.layout-grid__board{order:2}.layout-grid__score{order:3}.round-track{display:flex;gap:8px;margin:0 0 14px}.round-track__box{width:26px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f}.round-track__box--done{background:#e9c95e59;border-color:#e9c95e4d}.round-track__box--active{background:var(--gold-400);border-color:var(--gold-300);box-shadow:0 0 12px #e9c95e47}.board-panel,.tray-panel,.edge-panel,.score-panel{position:relative;background:transparent;border:0;box-shadow:none;padding:0}.board-panel__header,.tray-panel__header,.score-panel__meta,.dialog__header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.board-panel__header{margin-bottom:10px}.board-panel__header h2,.tray-panel h2,.edge-panel h2,.score-panel h2,.dialog h2{font-family:Cormorant Garamond,Georgia,serif;font-size:1.55rem;color:var(--stone-100)}.board-shell{display:grid;grid-template-columns:minmax(0,1fr) 36px;grid-template-rows:auto auto;gap:6px}.board-grid{grid-column:1;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.board-cell{position:relative;aspect-ratio:1 / 1.28;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#5e658261;padding:0;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}.board-cell:hover,.board-cell[aria-selected=true]{border-color:#e9c95e57}.board-cell--filled{background:linear-gradient(180deg,#18273ff0,#0a121ff5);border-color:#f2de9a33;box-shadow:inset 0 1px #ffffff0a,0 8px 14px #0000002e}.board-cell--preview{border-color:#6fc4a680;box-shadow:0 0 0 1px #6fc4a63d}.board-cell--drag-over{transform:scale(1.03);border-color:#e9c95ec7;box-shadow:0 0 0 1px #e9c95e38,0 0 14px #e9c95e29}.board-cell--celebrating .board-cell__glow{opacity:1}.board-cell__glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(233,201,94,.2),transparent 60%);opacity:0;animation:completionPulse .72s ease}.board-side{display:grid;grid-template-rows:repeat(5,1fr);gap:4px;align-self:stretch;height:100%}.board-bottom{grid-column:1;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.score-pill{min-height:0;border-radius:8px;border:1px solid color-mix(in srgb,var(--hand-color) 28%,transparent);background:color-mix(in srgb,var(--hand-color) 8%,rgba(12,20,34,.25));display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-align:center;padding:4px 2px}.score-pill span{color:var(--ink-300);font-size:.56rem;letter-spacing:.08em}.score-pill strong{color:var(--stone-100);font-size:.66rem;min-width:100%}.board-side .score-pill{height:100%}.score-pill--column{min-height:34px}.preview-pills{display:grid;gap:6px;margin-bottom:10px}.preview-pills--weave .preview-pill{border-color:#6fc4a68a}.preview-pill{border-radius:10px;background:#08101d6b;border:1px solid rgba(233,201,94,.14);padding:8px 10px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px}.preview-pill span,.preview-pill em{color:var(--ink-300);font-size:.72rem;font-style:normal}.preview-pill strong{color:var(--stone-100);font-size:.82rem}.combo-toast,.clipboard-toast{position:fixed;left:50%;transform:translate(-50%);padding:10px 16px;border-radius:999px;background:#08101deb;border:1px solid rgba(111,196,166,.4);box-shadow:var(--shadow-soft);color:var(--stone-100);z-index:30}.combo-toast{bottom:22px}.clipboard-toast{top:18px}.tray-panel__header,.score-panel__meta{margin-bottom:10px}.tray-panel__header{justify-content:flex-start}.tray-panel__tools,.tray-panel__actions,.score-panel__actions{display:flex;flex-wrap:wrap;gap:8px}.tray-panel__tools{margin:8px 0 0}.tray-panel__actions{margin-top:8px}.tray-row{display:flex;gap:8px;overflow-x:auto;padding:8px 2px;scrollbar-width:none}.tray-row::-webkit-scrollbar{display:none}.tray-slot{min-width:64px;min-height:90px;border-radius:10px;padding:0;border:0;background:transparent;touch-action:none;user-select:none;-webkit-user-select:none}.tray-slot--active .tray-slot__frame,.tray-slot--selected .tray-slot__frame{transform:translateY(-3px);border-color:#e9c95e94}.tray-slot--drag-over .tray-slot__frame,.tray-slot--drag-over{border-color:#e9c95ed1}.tray-slot--empty{border:1px dashed rgba(255,255,255,.08);background:#ffffff05}.tray-slot__frame{width:100%;height:100%;background:linear-gradient(180deg,#192943f0,#0b1626f5);border-radius:inherit;border:1px solid rgba(233,201,94,.18);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;box-shadow:0 8px 16px #0000002e}.card-face{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.card-face--red{color:#f07a72}.card-face--black{color:#e6eef9}.sort-icon,.card-face__suit,.card-face__mini-suit,.guide-card__suit,.drag-ghost__suit{font-family:Segoe UI Symbol,"Noto Sans Symbols 2",Noto Sans Symbols,Apple Symbols,Arial Unicode MS,sans-serif}.card-face__corner{position:absolute;display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1}.card-face__corner--top{top:6px;left:6px}.card-face__corner--bottom{right:6px;bottom:6px;transform:rotate(180deg)}.card-face__mini-rank{font-size:.62rem;font-weight:800}.card-face__mini-suit{font-size:.56rem}.card-face__center{display:flex;flex-direction:column;align-items:center;gap:2px}.card-face__rank{font-size:1.55rem;font-weight:800;line-height:1}.card-face__suit{font-size:1rem;line-height:1}.card-face__badge{position:absolute;top:6px;right:6px;padding:2px 5px;border-radius:999px;background:#e9c95ee0;color:#111;font-size:.62rem;font-weight:700}.card-face--tray-large .card-face__rank{font-size:1.8rem}.card-face--ghost{opacity:.35}.edge-grid{display:grid;gap:10px;margin-top:10px}.edge-card{text-align:left;border-radius:12px;padding:14px;border:1px solid rgba(233,201,94,.18);background:#09111d5c;color:var(--stone-100);display:grid;gap:8px}.edge-card__icon{font-size:1.4rem;color:var(--gold-400)}.score-panel{display:grid;gap:10px}.score-panel__hero,.score-panel__breakdown,.score-panel__guide{padding:14px}.score-panel__hero h2{font-size:2.2rem;color:var(--gold-300)}.score-panel__edge-strip{margin-top:10px}.score-panel__stars{display:flex;gap:5px;margin-top:8px}.score-panel__star{color:#f2de9a2e;font-size:1rem}.score-panel__star--active{color:var(--gold-400)}.edge-strip{display:flex;flex-wrap:wrap;gap:6px}.edge-token{width:28px;height:28px;border-radius:999px;border:1px solid rgba(233,201,94,.18);background:#e9c95e14;color:var(--stone-100);font-size:.8rem;display:grid;place-items:center}.estimate-box{display:grid;gap:4px;padding:10px 0;border-radius:0;background:transparent;border:0}.estimate-box strong{font-size:1.2rem;color:var(--gold-400)}.ghost-button,.text-button{border-radius:999px;border:1px solid rgba(233,201,94,.22);background:transparent;color:var(--stone-100);padding:8px 12px;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease}.ghost-button:hover,.text-button:hover{transform:translateY(-1px);border-color:#e9c95e8f;background:#e9c95e14}.ghost-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.ghost-button--danger{border-color:#db6c6347;color:#f0b2ac}.ghost-button--sort{min-width:112px;justify-content:center}.text-button{background:none;border:none;padding-inline:0;border-radius:0;color:var(--gold-300);justify-self:start}.board-panel__guide-toggle,.board-panel__guide{margin-top:10px}.guide-row{display:grid;grid-template-columns:minmax(96px,1fr) auto minmax(58px,auto);gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.guide-row__name{color:var(--stone-100)}.guide-row__cards{display:flex;gap:6px}.guide-card{width:28px;height:36px;border-radius:6px;background:linear-gradient(180deg,#1e3254f5,#111c31f5);border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.guide-card__rank{font-size:.72rem;font-weight:800;line-height:1}.guide-card__suit{font-size:.56rem;line-height:1}.guide-row__score{color:var(--gold-400);font-weight:700;text-align:right}.guide-footnote{padding-top:12px;text-align:center}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040a12bd;display:grid;place-items:center;padding:18px;z-index:40}.dialog{width:min(640px,100%);padding:20px}.help-list{margin:18px 0 0;padding-left:20px;display:grid;gap:10px;color:var(--stone-100)}.drag-ghost{position:fixed;width:56px;height:76px;border-radius:14px;border:1px solid rgba(233,201,94,.6);background:linear-gradient(180deg,#192943fa,#08111dfa);display:grid;place-items:center;pointer-events:none;z-index:50;box-shadow:0 20px 28px #00000047}.drag-ghost__rank{font-size:1.4rem;font-weight:800}.drag-ghost__suit{font-size:.9rem}@keyframes completionPulse{0%{opacity:0;transform:scale(.96)}35%{opacity:1;transform:scale(1.02)}to{opacity:0;transform:scale(1)}}@media (max-width: 640px){.app-shell{padding:8px}.game-shell{padding:10px 10px 12px}.layout-grid{gap:12px}.topbar{gap:8px;padding:2px 0 8px;align-items:flex-end}.topbar h1{font-size:1.7rem}.topbar__meta{gap:8px}.ghost-button,.text-button{padding:7px 10px}.ghost-button--howto{min-width:auto;font-size:.72rem;letter-spacing:.06em}.round-track{margin-bottom:10px}.board-panel__header,.tray-panel__header{margin-bottom:8px}.tray-panel__title{display:none}.tray-panel__header{justify-content:flex-end;min-height:0;margin-bottom:4px}.board-panel__header h2,.tray-panel h2,.score-panel h2,.dialog h2{font-size:1.24rem}.preview-pills{gap:4px;margin-bottom:8px}.preview-pill{padding:6px 8px;gap:4px}.board-shell{grid-template-columns:minmax(0,1fr) 30px;gap:4px}.board-grid,.board-bottom{gap:3px}.board-cell{aspect-ratio:1 / 1.04;border-radius:7px}.score-pill{padding:3px 1px}.score-pill span{font-size:.5rem}.score-pill strong{font-size:.58rem}.score-pill--column{min-height:28px}.tray-panel__tools,.tray-panel__actions,.score-panel__actions{gap:6px}.tray-row{gap:6px;padding:6px 0}.tray-slot{min-width:54px;min-height:72px}.ghost-button--sort{min-width:96px}.card-face__corner--top{top:4px;left:4px}.card-face__corner--bottom{right:4px;bottom:4px}.card-face__mini-rank{font-size:.52rem}.card-face__mini-suit{font-size:.48rem}.card-face__rank{font-size:1.18rem}.card-face__suit{font-size:.82rem}.card-face--tray-large .card-face__rank{font-size:1.32rem}.score-panel__hero,.score-panel__guide{padding:12px}}@media (min-width: 1024px){.app-shell{padding:12px}.game-shell{max-width:1260px;padding:14px 18px 16px}.layout-grid{grid-template-columns:minmax(0,640px) minmax(250px,280px);grid-template-areas:"board tray" "board score";justify-content:center;gap:18px}.layout-grid__board{order:initial;grid-area:board;max-width:640px}.layout-grid__tray{order:initial;grid-area:tray}.layout-grid__score{order:initial;grid-area:score}.board-shell{grid-template-columns:minmax(0,1fr) 46px;gap:8px}.board-grid,.board-bottom{gap:6px}.board-cell{aspect-ratio:1 / 1.06}.score-pill{min-height:54px}.score-pill--column{min-height:38px}.tray-row{flex-direction:column;overflow:visible}.tray-slot{width:80px;min-height:78px}.card-face__rank{font-size:1.38rem}.card-face__suit{font-size:.9rem}.topbar{padding-bottom:12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}