:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f6f0df;background:#102a2b;font-synthesis:none}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,select:focus-visible{outline:3px solid #f3bf65;outline-offset:3px}.shell{min-height:100dvh;background:radial-gradient(circle at 50% 22%,#1f4b48 0,#163b3c 35%,#0e292b 100%);position:relative;overflow:hidden}.shell:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:radial-gradient(#e9dfc7 0.6px,transparent .6px);background-size:10px 10px}.topbar{height:76px;max-width:1440px;padding:0 clamp(16px,3vw,48px);margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;color:#f7edda;font-size:1.25rem;font-weight:800;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid #e5b65b;border-radius:8px;color:#e5b65b;font-size:1.2rem}.top-actions{display:flex;gap:8px}.icon-btn{width:42px;height:42px;border:1px solid #ffffff25;border-radius:13px;background:#ffffff0e;color:#f7edda;font-size:1.2rem;display:grid;place-items:center}.icon-btn:hover,.action-btn:hover:not(:disabled){background:#ffffff20}.home-main{min-height:calc(100dvh - 76px);max-width:700px;margin:auto;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 24px 32px;text-align:center}.hero-emblem{width:120px;height:120px;border-radius:32px;display:grid;place-items:center;background:#f6edda;box-shadow:0 22px 60px #0005,0 0 0 12px #ffffff0a;transform:rotate(-12deg);margin-bottom:30px}.emblem-tile{width:47px;height:88px;background:#f8f5e9;box-shadow:0 0 0 2px #184044;border-radius:7px;display:flex;flex-direction:column;padding:3px}.emblem-tile>.pip-grid{height:50%}.emblem-tile>b{height:2px;background:#184044}.eyebrow{margin:0;color:#e9bd68;font-weight:800;letter-spacing:.2em;font-size:.69rem}.home-main h1{font-size:clamp(3.4rem,11vw,6.2rem);line-height:1;margin:12px 0 10px;letter-spacing:-.065em}.hero-subtitle{margin:0 0 30px;color:#cadad3;font-size:clamp(.95rem,2vw,1.1rem)}.home-card{width:min(100%,410px);display:grid;gap:11px}.primary-btn,.secondary-btn{border-radius:16px;min-height:56px;padding:14px 20px;border:1px solid transparent;position:relative;font-weight:750}.primary-btn{background:linear-gradient(135deg,#efc56d,#db9b44);color:#1b302c;box-shadow:0 8px 25px #0003}.primary-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.primary-btn span{position:absolute;right:22px;font-size:1.2rem}.secondary-btn{background:#fffdf412;color:#f9f5e8;border-color:#ffffff25;text-align:left}.secondary-btn:hover{background:#fffdf421}.secondary-btn small{display:block;color:#c0d5cf;margin-top:3px;font-size:.74rem;font-weight:400}.daily-icon{float:right;color:#f2c477;font-size:1.35rem}.home-links{display:flex;align-items:center;gap:16px;margin-top:24px;color:#789b95}.home-links button{border:0;background:none;color:#dbe9e1;text-decoration:underline;text-underline-offset:3px}.privacy{font-size:.72rem;color:#88aaa3;margin-top:25px}.game-main{max-width:1440px;margin:auto;padding:0 clamp(12px,3vw,48px) 18px;position:relative;z-index:1;display:flex;flex-direction:column;height:calc(100dvh - 76px);min-height:550px}.scorebar{flex:0 0 80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:6px 0 12px}.score-player{min-width:100px;display:flex;align-items:center;gap:12px;font-weight:700;color:#c8d9d3}.score-player strong{font-size:2rem;color:#f5eedc}.score-player.cpu{justify-content:flex-end}.score-player.active span{color:#eec36f}.score-mid{text-align:center;color:#f9eed9;font-weight:700;font-size:.87rem}.score-mid small{display:block;font-weight:400;color:#9abbb1;font-size:.73rem;margin-top:3px}.table{flex:1;min-height:0;border:1px solid #ffffff23;border-radius:30px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#26645e 0,#19504c 42%,#123c3c 100%);box-shadow:inset 0 0 90px #001e2345,0 22px 60px #0003;display:flex;flex-direction:column;justify-content:space-between}.table-sheen{position:absolute;inset:15px;border:1px solid #e7d3a426;border-radius:23px;pointer-events:none}.cpu-area,.player-area,.board-area{position:relative;z-index:1}.cpu-area{flex:0 0 115px;padding-top:13px}.cpu-name,.player-title{display:flex;align-items:center;justify-content:center;gap:8px;color:#e9efe4;font-size:.82rem;font-weight:800}.avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f4c475;color:#25413b}.cpu-avatar{background:#b0c8c2;color:#1b4844}.count-badge{font-size:.68rem;color:#f6e8c5;background:#ffffff20;padding:3px 7px;border-radius:20px}.cpu-hand{display:flex;justify-content:center;gap:3px;margin-top:8px;overflow:hidden;padding:4px 12px}.cpu-hand .tile{transform:scale(.8);margin:-4px -2px}.board-area{min-height:145px;flex:1;display:flex;flex-direction:column;justify-content:center;padding:8px 0}.board-meta{display:flex;justify-content:space-between;align-items:center;width:min(92%,940px);margin:0 auto 18px;color:#b8d4ca;text-transform:uppercase;font-size:.69rem;letter-spacing:.15em;font-weight:700}.board-meta b{color:#f7d28a}.board-scroll{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#d2c49366 transparent;padding:14px 22px 19px;overscroll-behavior-inline:contain}.board-chain{width:max-content;min-width:100%;display:flex;align-items:center;justify-content:center;gap:3px}.board-chain .tile{flex:0 0 auto}.board-status{text-align:center;height:28px;margin-top:12px;color:#f4e7c9;font-size:.86rem;font-weight:650}.end-cap{flex:0 0 auto;width:42px;height:42px;border-radius:14px;border:1px dashed #e5c56b7a;background:#153e3b;color:#f0d88d;display:grid;place-items:center;font-weight:900}.end-cap.available{background:#e9b95d;color:#183f3b;border-color:#fff4c3;box-shadow:0 0 0 5px #f0c67539;animation:pulse 1.6s ease-in-out infinite}.end-cap:disabled{opacity:.62}.player-area{flex:0 0 143px;padding:0 10px 14px}.player-hand{display:flex;justify-content:center;gap:7px;overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;padding:10px 6px 6px;scrollbar-width:thin;scrollbar-color:#d2c49366 transparent}.tile{appearance:none;width:53px;height:86px;border:1px solid #eee6d4;border-radius:8px;background:#f9f4e9;color:#173f3e;box-shadow:0 4px 1px #d4c8af,0 7px 14px #0004;display:flex;flex-direction:column;padding:4px;flex:0 0 auto;transition:transform .15s,box-shadow .15s}.tile:not(:disabled):hover{transform:translateY(-6px)}.tile.selected{transform:translateY(-12px);box-shadow:0 4px 1px #d6ae5a,0 12px 25px #0005,0 0 0 3px #ecc36e}.tile.hinted{box-shadow:0 4px 1px #d6ae5a,0 0 0 4px #eac77d;animation:pulse 1s infinite}.tile.disabled{opacity:.5}.tile.small{width:43px;height:69px;border-radius:7px;padding:3px;box-shadow:0 3px 1px #d4c8af,0 5px 9px #0003}.tile.back{background:#183d3d;border:2px solid #e1c77f;box-shadow:0 2px 0 #0a2223,0 4px 8px #0003;color:#e8c979}.tile.back .tile-divider{background:#bc9959}.tile-half{flex:1;min-height:0;display:grid;place-items:center}.tile-divider{height:2px;flex:0 0 2px;background:#35605b;border-radius:1px}.back-mark{font-size:1rem}.pip-grid{height:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center}.pip{width:5px;height:5px;border-radius:50%;background:#234b49;box-shadow:inset 0 1px 1px #0018}.small .pip{width:4px;height:4px}.p1{grid-area:1/1}.p3{grid-area:1/3}.p4{grid-area:2/1}.p5{grid-area:2/2}.p6{grid-area:2/3}.p7{grid-area:3/1}.p9{grid-area:3/3}.actionbar{flex:0 0 74px;display:flex;justify-content:center;gap:9px;align-items:center}.action-btn{min-width:96px;min-height:48px;border:1px solid #ffffff28;border-radius:13px;background:#ffffff12;color:#f5ecda;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.86rem;font-weight:700;padding:8px 15px}.action-btn span{font-size:1.15rem;color:#f2c87a}.action-btn:disabled{opacity:.35}.modal-wrap{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:16px}.modal-backdrop{position:absolute;inset:0;background:#071c1ddb;backdrop-filter:blur(7px)}.modal{position:relative;width:min(100%,480px);max-height:min(85dvh,700px);overflow-y:auto;border:1px solid #e7cf8a43;border-radius:24px;background:#163937;box-shadow:0 26px 90px #0008;padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.modal-head h2{margin:0;font-size:1.55rem;letter-spacing:-.04em}.modal-body{color:#d3e1d7;line-height:1.55;margin:18px 0}.modal-body p{margin:0 0 12px}.modal-footer{display:grid;gap:9px}.compact{min-height:45px;text-align:center}.settings-list{display:grid;gap:0}.settings-list label{min-height:56px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #ffffff1e;font-size:.9rem;font-weight:650}.settings-list select{background:#24514c;color:#f5eddd;border:1px solid #ffffff30;border-radius:10px;padding:8px 10px;max-width:52%}.settings-list input{accent-color:#e9b767;width:21px;height:21px}.dialog-note{font-size:.73rem;color:#96b5a9;margin-top:18px!important}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stats-grid div{padding:17px;border:1px solid #ffffff1a;border-radius:14px;background:#ffffff0b}.stats-grid strong{display:block;color:#f4cc7c;font-size:1.7rem;line-height:1}.stats-grid span{display:block;color:#c3d6ca;font-size:.75rem;margin-top:7px}.rules{padding-left:24px}.rules li{margin-bottom:11px}.modal-body h3{margin:20px 0 7px;color:#f7ebd4;font-size:1rem}.pause-art{text-align:center;font-size:4rem;color:#e8b765;padding:10px}.result-hero{text-align:center;font-size:4rem;color:#b6d3c5;line-height:1}.result-hero.win{color:#f6c776}.result-points{text-align:center;font-size:1.25rem;font-weight:800;color:#f7e7bf;margin:9px 0 18px!important}.result-scores{display:flex;justify-content:space-around;background:#ffffff10;padding:15px;border-radius:14px}.result-scores span{display:flex;gap:8px}.result-scores b{color:#f4c77a}.tutorial-art{display:flex;align-items:center;justify-content:center;gap:20px;height:70px;color:#efc675}.tutorial-art>.pip-grid{height:46px;background:#f7f1df;border-radius:8px;padding:5px}.toast{position:fixed;z-index:20;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#f5e9d0;color:#17423d;border-radius:12px;padding:10px 16px;font-weight:700;box-shadow:0 10px 30px #0006;transition:all .2s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes pulse{50%{filter:brightness(1.16)}}@media(max-width:680px){.topbar{height:58px}.top-actions{gap:5px}.icon-btn{width:38px;height:38px}.home-main{min-height:calc(100dvh - 58px)}.game-main{height:calc(100dvh - 58px);min-height:490px;padding:0 8px 8px}.scorebar{flex-basis:67px}.score-player{min-width:65px;gap:5px;font-size:.73rem}.score-player strong{font-size:1.48rem}.score-mid{font-size:.68rem}.score-mid small{font-size:.64rem}.table{border-radius:20px}.table-sheen{inset:8px;border-radius:14px}.cpu-area{flex-basis:96px;padding-top:9px}.cpu-hand{gap:0;margin-top:3px}.cpu-hand .tile{transform:scale(.7);margin:-9px -5px}.board-area{min-height:100px}.board-meta{margin-bottom:6px;font-size:.58rem}.board-scroll{padding:12px 11px}.board-status{margin-top:6px;font-size:.74rem}.player-area{flex-basis:127px;padding:0 4px 6px}.player-hand{justify-content:flex-start;gap:5px}.player-hand .tile{width:47px;height:78px}.actionbar{flex-basis:61px;gap:5px;justify-content:space-between}.action-btn{min-width:0;flex:1;min-height:47px;padding:5px;gap:3px;font-size:.66rem}.action-btn span{font-size:1rem}}@media(max-width:380px){.brand{font-size:1rem}.brand-mark{width:28px;height:28px}.score-mid{max-width:116px}.action-btn{flex-direction:column;font-size:.61rem;line-height:1.05}.action-btn span{font-size:.85rem}}@media(max-height:630px) and (min-width:681px){.game-main{min-height:475px}.cpu-area{flex-basis:95px}.player-area{flex-basis:125px}.tile{height:76px;width:48px}.tile.small{height:62px;width:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}