@font-face{font-family:Round;src:local('幼圆')}*{box-sizing:border-box} :root{--cream:#fff9f1;--paper:#fffefb;--ink:#4b493f;--muted:#97958a;--orange:#e99b71;--peach:#ffe1cd;--mint:#d9eee0;--green:#54816a;--line:#eee6d9;--blue:#dcecf3;--shadow:0 5px 0 #e8ddcc66}body{margin:0;background:#ebe9df;color:var(--ink);font-family:'Microsoft YaHei','PingFang SC',sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation}button{border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #90bfb3;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}.phone-app{max-width:460px;min-height:100dvh;margin:auto;background:var(--cream);position:relative;box-shadow:0 0 80px #464c3610;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}.app-header{padding:14px 20px 7px;display:flex;align-items:center;justify-content:space-between;height:77px}.brand{display:flex;align-items:center;gap:8px;font-size:21px;font-weight:900;letter-spacing:2px}.logo-whale{display:grid;place-items:center;width:44px;height:44px;background:#e1eff2;border-radius:16px;transform:rotate(-8deg);font-size:29px;box-shadow:0 3px 0 #c7e0e4}.brand-sub{display:block;font-size:8px;font-weight:500;letter-spacing:1.5px;margin-top:3px}.identity-pill{background:#fffdf7;border:1px solid #e7dfd1;border-radius:20px;padding:8px 12px;min-height:42px;font-size:12px;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity-pill span{color:#aaa295}.demo-strip{margin:4px 20px 0;font-size:10px;color:#939886;display:flex;align-items:center;gap:6px}.status-dot{width:5px;height:5px;background:#8aac7c;border-radius:50%}main{padding:19px 18px 24px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:460px;width:100%;display:grid;grid-template-columns:repeat(4,1fr);background:#fffdf8f5;border-top:1px solid #ede4d6;backdrop-filter:blur(12px);padding:7px 10px calc(9px + env(safe-area-inset-bottom,0px));z-index:6}.bottom-nav button{background:transparent;font-size:11px;padding:5px 0;color:#a09b8b;border-radius:16px;min-height:52px}.bottom-nav span{display:block;font-size:21px;margin-bottom:3px;filter:grayscale(.8);opacity:.55}.bottom-nav .active{color:#51785e;background:#edf2e6;font-weight:bold}.bottom-nav .active span{filter:none;opacity:1}h1,h2,h3,p{margin:0}h1{font-size:25px;letter-spacing:.5px;line-height:1.5}h2{font-size:19px;line-height:1.5}h3{font-size:15px;line-height:1.5}p{line-height:1.8}.subtext{color:var(--muted);font-size:12px;margin-top:5px}.eyebrow{font-size:10px;letter-spacing:2px;color:#a9957d;font-weight:bold}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.heading-icon{font-size:30px;transform:rotate(10deg)}.card{background:var(--paper);border:1px solid var(--line);border-radius:23px;padding:18px;box-shadow:var(--shadow);margin-bottom:16px}.hero{position:relative;overflow:hidden;background:#f6e9d5;padding:23px 20px 20px;min-height:186px;border:1px solid #eddecb;border-radius:25px;box-shadow:var(--shadow);margin-bottom:20px}.hero h1{font-family:Round,'Microsoft YaHei',sans-serif;font-size:29px;line-height:1.6;letter-spacing:2px;position:relative;z-index:1}.hero h1 em{font-style:normal;color:#9f7754}.hero p{font-size:11px;color:#a28a6a;position:relative;z-index:1;margin-top:10px}.hero:before{content:'';position:absolute;width:140px;height:140px;right:-15px;top:-45px;border-radius:50%;background:#fff8e777}.hero:after{content:'✧';position:absolute;right:28px;top:22px;font-size:32px;color:#dcb770}.whale-art{position:absolute;right:10px;bottom:10px;width:146px;height:113px;transform:rotate(-7deg)}.whale-body{position:absolute;width:106px;height:77px;bottom:12px;right:7px;background:#a9d6de;border:2px solid #8fbdc7;border-radius:48% 45% 48% 42%;box-shadow:inset 0 -13px 0 #d2e7e1,0 9px 0 #c7bca333}.whale-body:before{content:'';position:absolute;width:29px;height:30px;left:-19px;top:35px;background:#aad4dc;border-radius:2px 80% 0 70%;transform:rotate(-20deg)}.whale-eye{position:absolute;width:7px;height:9px;border-radius:50%;background:#435a5b;right:23px;top:24px}.whale-eye:after{content:'';position:absolute;width:15px;height:7px;border-radius:50%;background:#eda99488;top:13px;left:-7px}.whale-smile{position:absolute;width:11px;height:7px;border-bottom:2px solid #4f6869;border-radius:0 0 70% 70%;right:18px;top:36px}.whale-fin{position:absolute;width:24px;height:13px;border-radius:0 0 70% 70%;background:#8abfc8;left:40px;top:46px;transform:rotate(20deg)}.spray{position:absolute;right:68px;top:3px;color:#73b5c2;font-size:26px}.tiny-star{position:absolute;left:2px;top:22px;color:#cda868;font-size:22px}.primary{background:#587b64;color:#fffef4;border:1px solid #446650;border-radius:14px;min-height:48px;padding:12px 16px;font-size:14px;font-weight:bold;box-shadow:0 3px 0 #39544030}.primary:active{transform:translateY(2px);box-shadow:none}.secondary{background:#f7f3e9;color:#797b68;border:1px solid #e6e0d2;border-radius:13px;padding:10px 13px;min-height:44px;font-size:12px}.small-link{background:none;color:#789178;padding:8px 2px;min-height:40px;font-size:12px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:22px 1px 12px}.section-head h2{font-size:17px}.section-head .small-link{font-size:11px}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-box{padding:18px 16px;border-radius:20px;border:1px solid #eee0d1;background:#fff5e9;box-shadow:var(--shadow)}.stat-box.mint{background:#edf5eb;border-color:#dfe8d9}.stat-label{font-size:11px;color:#9a856d;display:flex;align-items:center;gap:6px}.mint .stat-label{color:#7f9479}.stat-number{font-size:37px;font-weight:800;margin-top:7px;letter-spacing:-1px}.stat-number small{font-size:12px;font-weight:400;margin-left:5px;letter-spacing:0}.stat-foot{font-size:10px;color:#a59c8b;margin-top:4px}.dinner-banner{display:flex;gap:12px;align-items:center;background:#fff0d7;border:1px dashed #e4c28c;border-radius:17px;padding:13px 14px;margin-top:14px}.dinner-banner .emoji{font-size:29px}.dinner-banner strong{font-size:13px;display:block}.dinner-banner p{font-size:11px;color:#9f8663;margin-top:3px}.dinner-banner button{margin-left:auto;white-space:nowrap;background:#deb077;color:#fff;border-radius:10px;padding:10px;font-size:12px;min-height:44px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.quick-card{border:1px solid #dedfdf;background:#e9f1f7;border-radius:19px;text-align:left;padding:16px;position:relative;min-height:98px;box-shadow:var(--shadow)}.quick-card.peach{background:#fbe9e0;border-color:#ecdbd2}.quick-card strong{display:block;font-size:15px}.quick-card small{display:block;font-size:10px;color:#8c9b9f;margin-top:5px}.quick-card .quick-icon{position:absolute;right:12px;bottom:12px;font-size:27px;transform:rotate(8deg)}.circle-card{display:flex;align-items:center;gap:12px}.circle-icon{font-size:28px;background:#f6ecdc;border-radius:16px;width:55px;height:55px;display:grid;place-items:center}.circle-card strong{font-size:15px}.circle-card p{font-size:11px;color:#a09b8c;margin-top:4px}.circle-card .chevron{margin-left:auto;font-size:20px;color:#b0ae9f}.notice{font-size:11px;color:#96998b;padding:12px;background:#f2f3e9;border-radius:13px;line-height:1.8;margin-top:12px}.notice.warning{background:#fff0de;color:#a77d57}.wide{width:100%}.split{display:flex;justify-content:space-between;gap:10px;align-items:center}.space-top{margin-top:14px}.center{text-align:center}.avatars{display:flex;margin:12px 0}.avatars span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#edf2e5;border:3px solid #fff9f1;margin-left:-6px;font-size:18px}.avatars span:first-child{margin-left:0}.mini{font-size:11px;color:#969889}.tag{font-size:10px;background:#eaf1e2;color:#7a8e69;padding:5px 9px;border-radius:12px;white-space:nowrap}.tag.peach{background:#ffe7d3;color:#ac7e58}.tag.gray{background:#efeee8;color:#a4a294}.friend-row{display:flex;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid #efebe1}.friend-row:last-child{border:0}.face{width:42px;height:42px;flex-shrink:0;border-radius:15px;background:#f4eddf;display:grid;place-items:center;font-size:23px}.friend-info{flex:1;min-width:0}.friend-info strong{font-size:13px;overflow-wrap:anywhere}.friend-info p{font-size:11px;color:#9b9c90;margin-top:4px}.number{font-size:20px;font-weight:800}.number small{font-size:10px;font-weight:400;margin-left:4px}.progress-label{display:flex;justify-content:space-between;color:#a0947d;font-size:10px;margin-top:12px}progress{width:100%;height:8px;border:0;border-radius:10px;overflow:hidden;background:#eee9db;margin-top:7px}progress::-webkit-progress-bar{background:#eee9db;border-radius:10px}progress::-webkit-progress-value{background:#dfb887;border-radius:10px}.rules-list{padding-left:19px;font-size:12px;line-height:1.95;color:#8c8e7d;margin:8px 0}.footer-note{text-align:center;color:#aaa694;font-size:10px;padding:20px 0 4px;letter-spacing:1px}
/* Soft 3D tabletop, sized for thumbs and small screens. */
.table-card{background:linear-gradient(145deg,#eef4df,#e4efdc);border:1px solid #d9e3ca;border-radius:26px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:15px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 13px 2px}.table-toolbar .small-link{font-size:11px}.round-chip{font-size:11px;color:#819774;background:#ffffff88;padding:8px 11px;border-radius:16px}.team-edit{background:#fffef5;border:1px solid #cfdcbc;border-radius:12px;font-size:12px;font-weight:bold;color:#718964;min-height:44px;padding:10px 13px;box-shadow:0 3px 0 #ced8bf55}.scene{height:240px;position:relative;perspective:900px;isolation:isolate}.table3d{position:absolute;left:13%;top:9%;width:74%;height:82%;transform:rotateX(33deg) rotateZ(-6deg);transform-style:preserve-3d;transition:transform .5s}.table-bottom{position:absolute;inset:0;background:#ba9161;border-radius:43%;transform:translateZ(-13px);box-shadow:0 9px 0 #c9a776,0 19px 22px #84916855}.table-felt{position:absolute;inset:0;background:radial-gradient(ellipse,#b3d4b4,#85b99d);border:10px solid #efd9ae;border-radius:43%;box-shadow:inset 0 0 0 2px #f8f2cf,inset 0 4px 18px #53785b33,0 0 0 2px #d0b682;transform-style:preserve-3d}.felt-seam{position:absolute;inset:11px;border:1px dashed #f1f6d299;border-radius:43%}.felt-word{position:absolute;top:20%;width:100%;text-align:center;color:#f8ffeb9c;font-size:13px;letter-spacing:6px;font-weight:bold}.cards{position:absolute;display:flex;left:50%;top:43%;transform:translate(-50%,-5%) translateZ(9px)}.playing-card{width:38px;height:56px;background:#fffef4;border-radius:6px;border:1px solid #f0e4cb;box-shadow:0 3px 0 #d4d2b3,2px 7px 6px #486b5140;position:relative;color:#698776}.playing-card:first-child{transform:rotate(-18deg);margin-right:-7px}.playing-card:last-child{transform:rotate(17deg);margin-left:-7px}.playing-card b{font:17px Georgia;padding:4px;display:block}.playing-card i{font-style:normal;position:absolute;right:7px;bottom:7px;font-size:23px}.playing-card.pink{color:#db8f87}.tiny-cup{position:absolute;left:18%;top:65%;width:23px;height:27px;background:linear-gradient(#fff8dc 0 23%,#eac576 23%);border:2px solid #fff7d9;border-radius:5px 5px 9px 9px;transform:translateZ(10px);box-shadow:0 4px 5px #567d4944}.tiny-cup:after{content:'';position:absolute;right:-10px;top:6px;width:8px;height:10px;border:3px solid #fff2c9;border-left:0;border-radius:0 5px 5px 0}.seat{position:absolute;z-index:2;display:flex;align-items:center;gap:6px;max-width:125px;min-width:94px;padding:8px;border:1px solid #fffcf3;background:#fffaf0f5;border-radius:15px;box-shadow:0 5px 0 #91a87922}.seat .face{width:29px;height:32px;font-size:20px;background:#f7e7d7;border-radius:11px}.seat.mint .face{background:#e2eddd}.seat strong{font-size:11px;display:block;max-width:75px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat small{font-size:9px;color:#b09173;display:block;margin-top:3px}.seat-left{left:2%;top:43%}.seat-right{right:2%;top:32%}.seat-top{left:46%;top:0}.seat-bottom{left:28%;bottom:0}.seat.mine{border-color:#d6b985;box-shadow:0 0 0 2px #efd9a570}.table-under{display:flex;align-items:center;justify-content:space-between;padding:5px 15px 10px;font-size:10px;color:#8b9c7d}.table-flat .table3d{transform:rotateX(0) rotateZ(0)}.cup-picker{display:flex;justify-content:space-between;align-items:center;gap:15px}.cup-picker strong{font-size:14px}.cup-picker small{display:block;font-size:10px;color:#a2a18f;margin-top:6px}.stepper{display:flex;gap:6px;align-items:center;background:#f4f5ec;border:1px solid #e3e5d6;border-radius:13px;padding:4px}.stepper button{background:#fffef7;border-radius:9px;width:42px;height:44px;font-size:23px;color:#829277}.stepper output{font-size:27px;font-weight:800;width:34px;text-align:center}.cup-presets{display:flex;gap:8px;margin-top:12px}.cup-presets button{flex:1;min-height:42px;border-radius:12px;background:#f8f5ec;border:1px solid #e8e4d6;font-size:12px;color:#a0967e}.cup-presets button.selected{background:#fce8ca;color:#b68b59;border-color:#ecc891}.winner-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.win-button{min-height:80px;border:1px solid #eabda2;border-radius:18px;background:#f8d9c4;box-shadow:0 4px 0 #ddb898;text-align:left;padding:12px;position:relative}.win-button.mint{background:#d7e8d7;border-color:#b4cbb0;box-shadow:0 4px 0 #aec5aa}.win-button small{display:block;font-size:10px;color:#ad8b72;margin-bottom:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.win-button.mint small{color:#809877}.win-button strong{font-size:16px;color:#997250}.win-button.mint strong{color:#5f805c}.win-button .win-icon{position:absolute;right:12px;bottom:11px;font-size:21px;opacity:.8}.tiny-description{font-size:10px;color:#a2a18f;line-height:1.8}.history-toolbar{display:flex;justify-content:space-between;align-items:center;margin:16px 1px 8px}.history-toolbar h3{font-size:15px}.history-entry{padding:15px 0;border-bottom:1px dashed #e8e3d6;display:flex;gap:11px}.history-entry:last-child{border:0}.history-icon{font-size:20px;background:#f4f0e3;width:36px;height:36px;flex-shrink:0;border-radius:13px;display:grid;place-items:center}.history-info{flex:1;min-width:0}.history-info strong{font-size:12px;line-height:1.6;display:block}.history-info p{font-size:10px;color:#9c9e8d;line-height:1.8;margin-top:4px}.history-entry.voided{opacity:.55}.history-entry.voided strong{text-decoration:line-through}.history-details{font-size:11px;line-height:1.9;color:#929880;margin-top:6px;padding:8px 10px;background:#f7f7ed;border-radius:10px}.filter-row{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:13px 0}.filter-row button{white-space:nowrap;min-height:39px;padding:8px 13px;background:#f3f0e5;border-radius:14px;color:#969581;font-size:12px}.filter-row button.active{background:#e2ecd9;color:#688562}.ledger-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ledger-summary .stat-box{box-shadow:none}.ledger-person{display:flex;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid #eee9db}.ledger-person:last-child{border:0}.ledger-person .amount{text-align:right;font-weight:800;font-size:19px}.ledger-person .amount small{font-size:11px;font-weight:normal}.ledger-person .secondary{min-height:42px;padding:7px 11px;margin-left:8px;font-size:11px}.empty{padding:23px 10px;color:#a3a590;text-align:center;line-height:1.9;font-size:12px}.empty .empty-icon{display:block;font-size:33px;margin-bottom:8px}.segmented{display:flex;gap:5px;padding:5px;background:#f0f0e3;border-radius:15px;margin-bottom:15px}.segmented button{flex:1;background:transparent;color:#93967e;border-radius:11px;min-height:43px;font-size:12px}.segmented .active{background:#fffdf5;box-shadow:0 2px 4px #665b3b11;color:#698265;font-weight:bold}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tools-grid .secondary{background:#fffaf0}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.game-card{display:block;padding:17px 13px 15px;border-radius:23px;border:1px solid #dce3d0;min-height:176px;background:#eaf1df;box-shadow:0 5px 0 #cfdbc855;position:relative;overflow:hidden}.game-card:nth-child(2){background:#fbe9d9;border-color:#efd8c4}.game-card:nth-child(3){background:#e3eef6;border-color:#d1dfe8}.game-card:nth-child(4){background:#f3e5ed;border-color:#e6d5df}.game-art{height:71px;display:flex;align-items:center;justify-content:center;font-size:43px;filter:drop-shadow(0 6px 0 #9ba89322);transform:rotate(-7deg);margin-bottom:10px}.game-card strong{font-size:14px;display:block}.game-card p{font-size:10px;color:#9da391;margin-top:5px}.game-card .game-best{font-size:9px;padding:6px 8px;background:#ffffff70;border-radius:8px;display:inline-block;margin-top:11px;color:#8d9981}.welcome-faces{display:flex;justify-content:center;gap:12px;margin:20px 0}.welcome-faces span{font-size:32px}.top-identity{font-size:12px;line-height:1.8;background:#f0f4e8;padding:10px 12px;border-radius:13px;margin-bottom:16px;color:#839675}
/* Bottom sheets. */
dialog{border:1px solid #e7dfca;background:var(--cream);color:var(--ink);border-radius:27px 27px 19px 19px;width:calc(100% - 20px);max-width:440px;margin:auto auto calc(10px + env(safe-area-inset-bottom,0px));padding:10px 21px 22px;max-height:calc(100dvh - 35px);overflow-y:auto;box-shadow:0 20px 60px #35473230}dialog::backdrop{background:#4b594955;backdrop-filter:blur(4px)}.sheet-grip{width:34px;height:4px;border-radius:5px;background:#ded8c7;margin:0 auto 20px}dialog h2{font-size:21px;margin:0 0 8px}dialog p{font-size:12px;color:#969783;line-height:1.9}dialog .sheet-emoji{display:block;font-size:36px;margin:5px 0 12px}label{display:block;font-size:12px;color:#8d927c;margin-top:14px}select,input,textarea{width:100%;font-size:16px;background:#fffef9;border:1px solid #dedfcd;border-radius:12px;min-height:48px;padding:10px 12px;margin-top:6px;outline-color:#adbf97}textarea{min-height:74px;resize:vertical}input[type=checkbox]{width:20px;height:20px;min-height:20px;padding:0;flex-shrink:0;margin:0;accent-color:#648468}.check-label{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.7;color:#818b71;background:#eff2e4;padding:12px;border-radius:12px}.sheet-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:22px}.sheet-actions button{min-height:48px}.person-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.person-option{background:#fffdf7;border:1px solid #e5decd;padding:13px;border-radius:16px;min-height:60px;text-align:left;display:flex;gap:10px;align-items:center;font-size:13px}.person-option .emoji{font-size:25px}.person-option.selected{border:2px solid #96b080;background:#f1f5e7}.person-option small{font-size:10px;color:#a1a28e}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.team-column{background:#fbe9d8;border-radius:17px;padding:12px}.team-column.mint{background:#e7f0de}.team-column h3{font-size:13px}.team-column label{font-size:11px;margin-top:10px}.team-column select{padding:8px;font-size:15px}.sheet-summary{background:#fffdf7;border:1px solid #e8e2d0;padding:14px;border-radius:17px;margin-top:15px}.sheet-summary .transfer{display:flex;justify-content:space-between;gap:10px;padding:8px 0;font-size:13px}.sheet-summary .transfer+ .transfer{border-top:1px dashed #eae4d6}.sheet-summary .transfer strong{color:#b88d5d;white-space:nowrap}.dinner-total{font-size:42px;font-weight:800;text-align:center;margin:18px 0 6px;color:#bb8d51}.dinner-total small{font-size:14px;font-weight:normal;margin-left:5px}.sheet-error{color:#bd7558;font-size:12px;line-height:1.8;margin-top:10px}.inline-add{display:flex;gap:8px;align-items:end}.inline-add input{flex:1;min-width:0}.inline-add button{flex-shrink:0}.share-note{font-size:10px;color:#a6a38f;margin-top:8px}.rule-line{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid #eae4d6}.rule-line span{font-size:22px}.rule-line p{font-size:12px}.checkbox-note{font-size:11px;color:#a2977f}#toast{position:fixed;z-index:20;bottom:calc(90px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%,10px);max-width:360px;width:max-content;max-width:min(90%,360px);background:#52664c;color:#fffced;border-radius:17px;font-size:12px;line-height:1.8;padding:12px 18px;box-shadow:0 6px 18px #394d3030;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.compact-table .scene{height:185px}.compact-table .table-under{padding-top:2px}.compact-table .cup-presets{margin-top:8px}.compact-table .winner-row{margin-top:12px}.text-right{text-align:right}.danger-text{color:#b78667}.hidden{display:none!important}@media(max-width:360px){.app-header{padding:10px 14px 4px;height:67px}.brand{font-size:19px}.logo-whale{width:36px;height:36px;font-size:25px}.brand-sub{font-size:7px}.identity-pill{font-size:11px;padding:8px 9px;max-width:153px}.demo-strip{margin-left:14px}main{padding:16px 12px 22px}.hero{min-height:172px;padding:18px}.hero h1{font-size:25px}.whale-art{width:130px;right:0;transform:scale(.86) rotate(-7deg);transform-origin:right bottom}.stat-box{padding:15px 13px}.stat-number{font-size:33px}.seat{min-width:82px;padding:6px;gap:4px}.seat strong{font-size:10px;max-width:66px}.seat .face{width:23px;height:27px;font-size:18px}.scene{height:215px}.seat-top{left:45%}.seat-bottom{left:26%}.win-button{padding:10px;min-height:75px}.win-button strong{font-size:14px}.win-button .win-icon{font-size:18px;right:9px}.stepper button{width:36px}.stepper output{width:29px}.history-info strong{font-size:11px}.game-card{padding:15px 11px}.game-card strong{font-size:12px}dialog{padding-left:16px;padding-right:16px}.team-grid{gap:8px}.team-column{padding:10px}.bottom-nav{padding-top:4px}.bottom-nav button{font-size:10px}}@media(max-height:700px){.scene{height:175px}.page-heading{margin-bottom:12px}.table-card{margin-bottom:12px}.table-under{display:none}.cup-presets button{min-height:38px}.winner-row{margin-top:12px}.win-button{min-height:70px}.card{padding:15px}.compact-table .scene{height:157px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.table3d{transform:rotateX(10deg)}button:active{transform:none!important}}
/* Keep the two result actions in thumb reach above mobile navigation. */
.route-table .scene{height:clamp(140px,23svh,194px)}
.route-table .table-under .small-link{min-height:25px;padding:3px 0}
.route-table .winner-row{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(76px + env(safe-area-inset-bottom,0px));width:calc(100% - 28px);max-width:424px;z-index:5;margin:0;padding-top:8px;background:linear-gradient(transparent,#fff9f1 18%);gap:10px}
.route-table .winner-row .win-button{min-height:72px}
.route-table .phone-app{padding-bottom:calc(178px + env(safe-area-inset-bottom,0px))}
.route-table .card{margin-bottom:12px}
@media(max-height:700px){.route-table .app-header{height:62px;padding-top:8px}.route-table main{padding-top:12px}.route-table .page-heading{margin-bottom:10px}.route-table .page-heading h1{font-size:21px}.route-table .page-heading .subtext{display:none}.route-table .scene{height:140px}.route-table .cup-picker small{font-size:9px}.route-table .card{padding:12px}.route-table .winner-row .win-button{min-height:65px}.route-table .table-toolbar{padding-top:6px}}
@media(max-width:340px) and (max-height:600px){.route-table .scene{height:117px}.route-table .page-heading{display:none}.route-table .cup-presets button{min-height:35px}.route-table .seat{padding:5px;min-width:78px}.route-table .table-card{margin-bottom:10px}}
.ranking-entry{display:flex;align-items:center;gap:13px;text-align:left;background:#fff0ce;border-color:#e7d5a5;margin-top:16px}.ranking-entry-icon{font-size:32px}.ranking-entry>span:nth-child(2){flex:1;min-width:0}.ranking-entry strong{font-size:16px;display:block}.ranking-entry small{display:block;font-size:11px;color:#887f63;margin-top:5px}.ranking-overview{display:grid;grid-template-columns:1fr 1fr;background:#f5eedc;gap:12px}.ranking-overview>div{display:flex;flex-direction:column;gap:8px}.ranking-overview span,.ranking-values span{font-size:11px;color:#777d68}.ranking-overview strong{font-size:28px}.ranking-overview small,.ranking-values small{font-size:11px;font-weight:400;margin-left:4px}.ranking-caption{margin:0 0 12px}.ranking-list{list-style:none;padding:0;margin:0}.ranking-card{padding:16px;margin-bottom:12px}.ranking-mine{border-color:#95af84;box-shadow:0 3px 0 #ccdbbb66}.ranking-person{display:flex;gap:9px;align-items:center}.ranking-person>strong{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px}.ranking-person>.tag{flex-shrink:0;font-size:10px}.ranking-person .face{flex-shrink:0;width:34px;height:34px;font-size:24px}.ranking-number{font-size:15px;font-weight:800;color:#8c825d;width:22px;flex-shrink:0;text-align:center}.ranking-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;border-top:1px dashed #e4dfcf;padding-top:12px;margin-top:12px}.ranking-values>div{display:flex;flex-direction:column;gap:5px}.ranking-values strong{font-size:20px;overflow-wrap:anywhere}.ranking-values .positive{color:#597453}.ranking-values .negative{color:#a17056}@media(max-width:360px){.ranking-card{padding:13px}.ranking-person{gap:6px}.ranking-values strong{font-size:18px}.ranking-person>strong{font-size:13px}}

.cup-presets button.cup-max{color:#c23e48;border-color:#e8a1a6;background:#fff0f0;font-weight:800}.cup-presets button.cup-max.selected{background:#c23e48;border-color:#c23e48;color:white}.music-pill{display:block;margin:-8px 0 20px auto;min-height:42px;border:1px solid #e5decd;border-radius:24px;padding:10px 15px;background:#fffdf7;color:#827753;font-size:12px}.music-pill[aria-pressed="true"]{background:#edf4e3;color:#516e4b}