/* Jade temple game shell: engraved brass, lacquer, silk, and jewel controls. */
:root{--gold:#cfb47c;--ink:#eff0d8;--jade:#254e47}body{background:radial-gradient(ellipse at 50% 0,#426b5e,transparent 65%),repeating-linear-gradient(45deg,#ffffff02 0 1px,transparent 1px 12px),#112d2b;color:var(--ink)}main{background:radial-gradient(ellipse at 50% 0,#3d6558,transparent 65%),linear-gradient(110deg,#244a44,#193a36);border:1px solid #ad9961;border-radius:19px;box-shadow:inset 0 0 0 4px #173530,inset 0 0 0 5px #8f875b66,0 20px 70px #0005;padding-left:16px;padding-right:16px}header{border-bottom:1px solid #bb9c5e66;min-height:45px}.brand{color:#d5cf9e;font-size:10px;letter-spacing:1px;text-shadow:0 1px #071d17}.top-tools{gap:5px}.top-tools button{padding:7px 9px;font-size:10px;min-height:34px}.intro{height:82px;min-height:82px}.intro h1{color:#f7ecc8;text-shadow:0 2px 0 #0b2f25,0 0 20px #a4d7ac44;letter-spacing:2px}.intro h1 span{color:#b8e5bf}.intro .eyebrow{color:#a8b99b;letter-spacing:1px}.intro h1 i{color:#ddc57d}.scores>div{background:linear-gradient(135deg,#132f2a,#244a3e);border-color:#83916a;color:#f1d99a;box-shadow:inset 0 2px 5px #03191188,0 1px #8fa27d66}.scores small{color:#a7b795}.scores strong{color:#f1dfb1;text-shadow:0 2px #09251e}.score-detail,.board-footer{color:#a2b498}.score-detail b,.board-footer b{color:#d7d5a7}.board-wrap{background:linear-gradient(145deg,#d4bd84,#8d8855 22%,#b2a36c 50%,#d6c08b);box-shadow:0 6px 0 #6f6c40,0 7px 0 #b4a171,0 13px 22px #001c1466,inset 0 2px 1px #fff2bf;border-radius:13px}.board{border:2px solid #264e3c;background:linear-gradient(135deg,#234a3a,#53745a);box-shadow:inset 0 2px 8px #061e1688;border-radius:8px}.cell{border-radius:6px;background:linear-gradient(135deg,#14392e,#52725b);box-shadow:inset 2px 3px 5px #001b16aa,inset -1px -1px 1px #789b6f66}.board-wrap:before,.board-wrap:after{color:#fff0bb;text-shadow:0 1px #3f4c32}.whale-note{background:linear-gradient(120deg,#2b5445,#234638);border-color:#7d9064;color:#e6dfb5;box-shadow:inset 0 1px #aac58844}.whale-note.celebrating{background:linear-gradient(120deg,#486c43,#365338);color:#fff4bc}.game-tools,.game-tools b,.hint{color:#9eb292}.desk-label{color:#7e9a82}button{border-color:#b9a36e;background:linear-gradient(#f7e6b8,#c9ae73);color:#534f32;box-shadow:inset 0 1px #fff6d5,0 3px #807346,0 4px 6px #001f1933;border-radius:7px}button:focus-visible{outline:2px solid #f4dc8c;outline-offset:3px}#soundToggle[aria-pressed=false]{background:linear-gradient(#b0ba99,#7f9b81);border-color:#81946a;color:#273e30}.settlement{background:radial-gradient(ellipse at 50% 40%,#143c2ccc,#031d19ed);backdrop-filter:blur(8px);padding:18px;z-index:40}#rankDetail{z-index:45}.result-card{position:relative;isolation:isolate;border:3px solid #b89e65;outline:1px solid #e8d59e;outline-offset:2px;background:radial-gradient(ellipse at 20% 0,#fff9df,transparent 60%),repeating-linear-gradient(0deg,#9c956409 0 1px,transparent 1px 4px),linear-gradient(120deg,#f1efda,#e1e7cb);border-radius:12px;box-shadow:inset 0 0 0 5px #46634d,inset 0 0 0 6px #d0c187,inset 0 0 0 9px #f3f1d9,0 6px 0 #6c6a3b,0 30px 80px #0008;color:#344e38;padding:38px 23px 23px;max-height:calc(100dvh - 44px)}
.result-card:before{content:'';position:absolute;inset:10px;z-index:-1;border:1px solid #9eaa78;border-radius:3px;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cpath d='M3 50V3h47M10 38V10h28M17 27V17h10M4 22l18-18M11 22l11-11' fill='none' stroke='%239c945c' stroke-width='1.4'/%3E%3Cpath d='M36 4l6 6-6 6-6-6z' fill='%23b8a366'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:top left;background-size:46px 46px}.result-card:after{content:'◆ ━━━ ✦ ━━━ ◆';display:block;clear:both;text-align:center;color:#a79659;font-size:11px;letter-spacing:3px;margin-top:18px;pointer-events:none}.close-modal{position:absolute;top:10px;right:10px;float:none;display:grid;place-items:center;width:36px;height:36px;min-height:36px;margin:0;padding:0;border-radius:50%;font-size:25px;line-height:1;font-weight:400;color:#fff0cb;background:radial-gradient(circle at 35% 25%,#bd8561,#8a4d36 70%);border:2px solid #e5c68a;box-shadow:inset 0 1px #ffd5ab88,0 2px 0 #5f3928,0 2px 5px #3b381d44;z-index:5}.close-modal:before{content:'';position:absolute;inset:3px;border:1px solid #e8c78b77;border-radius:50%;pointer-events:none}.close-modal:hover{filter:brightness(1.12)}.result-card .section-label{padding:3px 32px 15px;text-align:center;border:0;letter-spacing:2px;font-size:9px;color:#929774}.result-card .section-label span{display:block;margin:5px 0 0;font-size:21px;color:#385c41;letter-spacing:2px;font-family:Georgia,'Songti SC',serif;text-shadow:0 1px #fff}.result-card h2{margin:0 25px 18px;text-align:center;color:#385c41;font-size:23px;letter-spacing:2px;font-family:Georgia,'Songti SC',serif}.result-card>.eyebrow{display:block;text-align:center;font-size:9px;letter-spacing:2px;margin:0 20px 7px}.result-card #finalScore{display:block;text-align:center;font-size:44px;color:#97783b;text-shadow:0 1px #fff}.result-card #finalBreakdown{text-align:center;margin:5px 0 18px;padding:10px;background:#bbc69d33;border-top:1px solid #b4bd8b77;border-bottom:1px solid #b4bd8b77;font-size:11px}.rank-section .rank-heading{display:block}.rank-heading>button{display:block;margin:0 auto 12px;min-height:32px;padding:6px 14px;font-size:10px}.rank-section #rankStatus{font-size:11px;text-align:center}.rank-section table{background:#fff8;border:1px solid #bdc79b;border-radius:8px}.rank-scroll{border-radius:8px}.rank-section th{background:#375d46;color:#e7ddb0;font-size:10px}.rank-section tr:nth-child(even){background:#afbf8a1a}.rank-section td,.rank-section th{padding:10px 6px}.guide-card .gallery{margin-top:5px}.guide-card .specimen{padding:3px;border:1px solid #67734455;box-shadow:0 2px 0 #7d8e5c44}.guide-card .specimen> b{font-size:9px;padding-top:2px}.rule{border-color:#aebc8b}.rule p{font-size:11px;color:#7e8d6d}.result-card #submitNote{color:#77895f}.rank-choice{padding:11px 9px;border:1px solid #b9c69b;background:#e2e9cd;border-radius:7px;font-size:12px;margin-top:14px}.nickname-label{color:#718659}#nickname{border:1px solid #acb98c;background:#fffdec;color:#385540}.result-actions{border-top:1px solid #bdc69b;padding-top:13px;gap:8px}.result-actions button{min-height:37px}.detail-board{padding:7px}.result-card h3{font-size:28px;color:#8b723e;text-align:center}.result-card #detailContent>p{font-size:12px;line-height:1.9}.settlement:not([hidden]) .result-card{animation:panel-enter .2s ease-out}@keyframes panel-enter{from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:760px){main{border:0;border-radius:0;box-shadow:inset 0 0 35px #16372c66}.brand{letter-spacing:0;font-size:9px}.top-tools{gap:5px}.top-tools button{font-size:10px;padding:7px 8px}.result-card{padding:36px 17px 21px}.guide-card .gallery{gap:10px 6px}.result-card .section-label{padding-left:16px;padding-right:16px}.result-card .section-label span{font-size:19px}.close-modal{width:34px;height:34px;min-height:34px;top:9px;right:9px}.rank-section td,.rank-section th{padding:9px 5px}.rank-scroll{max-height:none}}@media(max-width:360px){.brand{font-size:8px}.top-tools button{padding:6px 7px;font-size:9px}.result-card{padding-left:15px;padding-right:15px}.guide-card .gallery{grid-template-columns:repeat(3,1fr)}.scores>div{min-width:68px}.actions button{font-size:9px;padding:7px}}@media(prefers-reduced-motion:reduce){.settlement:not([hidden]) .result-card{animation:none}}