:root{
  --jade:#123f34;--jade2:#1f5a48;--jade3:#2d7058;
  --gold:#d8b363;--gold2:#8d5d22;--paper:#f2e6ca;--ink:#241a11;
}
body.fine-art-v03{font-family:"Noto Serif TC","Songti TC","Microsoft JhengHei",serif;background:#16100b;color:var(--ink)}
.fine-art-v03 .screen{max-width:560px;left:50%;transform:translateX(-50%);box-shadow:0 0 50px #000b}
.fine-art-v03 button{font-family:inherit;letter-spacing:.08em}
.full-art-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:0;pointer-events:none;background:#eadfc5}
.start-screen>:not(.full-art-bg),.main-screen>:not(.full-art-bg){position:relative;z-index:2}

/* 首頁：直接採用精美水墨主視覺，透明熱區對齊畫面上的五個鎏金按鈕 */
.fine-art-v03 .start-screen{background:#eadfc5!important}
.start-screen:before{content:"";position:absolute;z-index:1;left:0;right:0;top:0;height:9%;background:linear-gradient(180deg,rgba(234,223,197,.98),rgba(234,223,197,.93) 75%,rgba(234,223,197,0));pointer-events:none}
.start-screen .ink-vignette,.start-screen .title-wrap,.start-screen .start-tip{display:none!important}
.start-screen .start-menu{position:absolute!important;z-index:5!important;inset:31% 17% 27%!important;width:auto!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;display:grid!important;grid-template-rows:repeat(4,1fr)!important;gap:2.2%!important}
.start-screen .start-menu button{width:100%!important;height:100%!important;min-height:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:transparent!important;text-shadow:none!important;outline-offset:-5px!important}
.start-screen .start-menu button:active{background:rgba(255,245,205,.16)!important;transform:scale(.985)}
.fine-art-v03 #screen-start.active .start-menu{position:absolute!important;z-index:999!important;left:17%!important;right:17%!important;top:31%!important;bottom:27%!important;width:auto!important;height:auto!important;transform:none!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;gap:2.2%!important;pointer-events:auto!important}
.fine-art-v03 #screen-start.active .start-menu>button{position:relative!important;z-index:1000!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important;opacity:.01!important}
.fine-art-v03 #screen-start.active .start-menu>button:active,.fine-art-v03 #screen-start.active .start-menu>button:focus{opacity:.13!important;background:rgba(255,244,195,.42)!important;outline:2px solid rgba(247,213,136,.78)!important}
.start-screen .version{display:block!important;position:absolute!important;top:1.4%!important;right:2%!important;bottom:auto!important;padding:5px 9px!important;border:1px solid #a77e3c!important;border-radius:13px!important;background:rgba(24,61,49,.9)!important;color:#f8e8b8!important;font-size:10px!important;z-index:3}

/* 主畫面：四大功能、章節卡與恢復體力直接對齊參考圖 */
.fine-art-v03 .main-screen{background:#17231c!important;overflow:hidden!important}
.main-screen>.topbar{position:absolute!important;z-index:6;top:1.2%!important;left:4%!important;right:4%!important;height:6.2%!important;padding:0 10px!important;border:1px solid #b78a3f!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(15,44,34,.96),rgba(12,28,22,.94))!important;box-shadow:0 2px 9px #0009!important;color:#f8e9bd!important}
.main-screen>.topbar>div:first-child{display:none!important}.main-screen .resources{width:100%!important;justify-content:space-around!important;font-size:13px!important}.main-screen .resources>div{padding:4px 10px!important;border:1px solid #8e642d!important;border-radius:15px!important;background:#20170fc9!important;color:#f7e2ad!important}
.main-screen .scene-wrap,.main-screen .main-status,.main-screen #test-panel{display:none!important}
.fine-art-v03 #screen-main.active .main-actions{position:absolute!important;inset:0!important;display:block!important;padding:0!important;margin:0!important;background:none!important;z-index:20!important;pointer-events:none!important}
.fine-art-v03 #screen-main.active .main-actions>button{position:absolute!important;margin:0!important;padding:0!important;min-height:0!important;border:0!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;color:transparent!important;text-shadow:none!important;z-index:21!important;pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important}
.fine-art-v03 #screen-main.active .main-actions>button:focus,.fine-art-v03 #screen-main.active .main-actions>button:focus-visible{outline:none!important}
.main-screen .main-actions button:active{background:rgba(255,244,195,.15)!important;transform:scale(.985)}
#btn-play{left:10%!important;top:11%!important;width:80%!important;height:36%!important}
#btn-levels{left:7%!important;top:49%!important;width:42%!important;height:14%!important}
#btn-gallery{right:7%!important;top:49%!important;width:42%!important;height:14%!important}
#btn-shop{left:7%!important;top:64%!important;width:42%!important;height:14%!important}
#btn-save{right:7%!important;top:64%!important;width:42%!important;height:14%!important}
#btn-recover{left:7%!important;top:79%!important;width:86%!important;height:11%!important}
#btn-home,#btn-leave{top:92.2%!important;width:31%!important;height:6%!important;color:#f7e6b5!important;background:linear-gradient(180deg,#245d49,#12392f)!important;border:2px solid #c59b51!important;box-shadow:inset 0 0 0 2px #18372f,0 3px 8px #0009!important;font-size:12px!important}
#btn-home{left:13%!important}#btn-leave{right:13%!important}

/* V0.5.9：依 941×1672 主圖在長螢幕實際被裁切的位置校正觸控區。 */
@supports (width:1cqw){
  .fine-art-v03 #screen-main{container-type:size;--main-art-w:max(100cqw,calc(100cqh * .5628));--main-crop-x:calc((var(--main-art-w) - 100cqw) / 2)}
  .fine-art-v03 #screen-main.active #btn-play{left:calc(var(--main-art-w) * .10 - var(--main-crop-x))!important;width:calc(var(--main-art-w) * .80)!important}
  .fine-art-v03 #screen-main.active #btn-levels,.fine-art-v03 #screen-main.active #btn-shop{left:calc(var(--main-art-w) * .07 - var(--main-crop-x))!important;width:calc(var(--main-art-w) * .42)!important}
  .fine-art-v03 #screen-main.active #btn-gallery,.fine-art-v03 #screen-main.active #btn-save{right:calc(var(--main-art-w) * .07 - var(--main-crop-x))!important;width:calc(var(--main-art-w) * .42)!important}
  .fine-art-v03 #screen-main.active #btn-recover{left:calc(var(--main-art-w) * .07 - var(--main-crop-x))!important;width:calc(var(--main-art-w) * .86)!important}
  .fine-art-v03 #screen-main.active #btn-home{left:calc(var(--main-art-w) * .13 - var(--main-crop-x))!important;width:calc(var(--main-art-w) * .31)!important}
  .fine-art-v03 #screen-main.active #btn-leave{right:calc(var(--main-art-w) * .13 - var(--main-crop-x))!important;width:calc(var(--main-art-w) * .31)!important}
}

/* 遊戲牌桌：保留真正可操作牌陣，全面改為深玉、鎏金與立體象牙牌 */
.fine-art-v03 .game-screen{background:#172119!important}
.game-screen .game-scene-bg{filter:saturate(1.12) contrast(1.05)!important}.game-screen .game-scene-wash{background:linear-gradient(180deg,rgba(15,45,35,.1),rgba(5,16,12,.48))!important}
.game-header{background:linear-gradient(180deg,#1d493a,#0d2820)!important;border-bottom:2px solid #c29a51!important;color:#f7e5b4!important;box-shadow:0 3px 10px #0008!important}
.game-header .icon-btn{background:radial-gradient(circle,#2d6b54,#12372d)!important;border:2px solid #d0aa61!important;color:#ffeab4!important;box-shadow:inset 0 0 0 2px #173a30,0 2px 6px #0008!important}
.game-header .timer{background:#251a10e8!important;border:1px solid #c49a4c!important;border-radius:18px!important;padding:6px 10px!important;color:#fff0bd!important}
.game-subbar{background:linear-gradient(90deg,#efe0bded,#f8efd9ed,#efe0bded)!important;color:#392818!important;border-bottom:2px solid #8b6028!important}
.game-scene-label{top:108px!important;background:linear-gradient(180deg,#235b49,#123b31)!important;border:2px solid #caa25b!important;color:#f8e7b8!important;box-shadow:inset 0 0 0 2px #102e27,0 3px 9px #0008!important}
.board-shell{background:linear-gradient(145deg,rgba(8,35,29,.88),rgba(27,61,45,.9))!important;border:3px solid #b78a43!important;box-shadow:inset 0 0 0 3px #183c31,inset 0 0 28px #0009,0 4px 15px #0007!important;border-radius:18px!important}
.tile{background:linear-gradient(145deg,#fffaf0 0%,#ead9b7 72%,#c3a66d 100%)!important;border-color:#b58a42!important;box-shadow:0 4px 0 #5e4828,0 7px 9px #0008,inset 0 0 0 2px #fff7dd!important;color:#21170f!important}
.tile.selectable:hover,.tile.selected{outline:3px solid #6bc692!important;filter:brightness(1.08)!important}.tile.blocked{filter:saturate(.55) brightness(.62)!important}
.tools{background:linear-gradient(180deg,#2b2117,#15100c)!important;border-top:3px solid #b88a42!important;padding:7px!important;gap:7px!important}
.tool{border:2px solid #c8a05b!important;border-radius:50% 50% 13px 13px!important;background:radial-gradient(circle at 50% 35%,#2f7058,#12382e 67%,#0b241e)!important;color:#f9e7b5!important;box-shadow:inset 0 0 0 2px #173c31,0 3px 8px #000a!important}.tool span{filter:drop-shadow(0 2px 2px #000)}.tool small,.tool em{color:#f3dca1!important}

/* 所有彈窗統一為宣紙、翡翠與鎏金雕框 */
.modal{background:rgba(7,10,8,.78)!important;backdrop-filter:blur(4px)!important}
.modal-card{background:
 linear-gradient(rgba(247,236,207,.96),rgba(239,222,183,.96)),url('luxury/chapters.webp') center/cover!important;
 border:4px double #a8762e!important;border-radius:22px!important;box-shadow:inset 0 0 0 3px #f6deb0,0 14px 45px #000c!important;color:#2d2115!important}
.modal-card:before{content:"";position:absolute;inset:7px;border:1px solid #c9a45d;border-radius:15px;pointer-events:none}
.modal-card:has(.shop-grid){background:linear-gradient(rgba(247,236,207,.91),rgba(233,214,174,.93)),url('luxury/shop_alt.webp') center/cover!important}
.modal-card:has(.chapter-section){background:linear-gradient(rgba(247,236,207,.92),rgba(236,219,182,.94)),url('luxury/chapters.webp') center/cover!important}
.modal-card:has(.gallery-card){background:linear-gradient(rgba(247,236,207,.92),rgba(236,219,182,.94)),url('luxury/poem.webp') center/cover!important}
.modal-card:has(.settings-hero){background:linear-gradient(rgba(247,236,207,.92),rgba(236,219,182,.94)),url('luxury/start_alt.webp') center/cover!important}
.modal h2{width:max-content;max-width:88%;margin:0 auto 14px!important;padding:8px 28px!important;border:2px solid #d1aa62!important;border-radius:18px!important;background:linear-gradient(180deg,#27634e,#113b30)!important;color:#f8e6b4!important;box-shadow:inset 0 0 0 2px #163c31,0 4px 9px #0005!important}
.modal-x{background:#173e32!important;color:#ffe8ad!important;border:2px solid #cba45e!important;box-shadow:0 2px 7px #0008!important}
.modal-buttons button,.shop-buy,.level-btn{background:linear-gradient(180deg,#34745b,#153f33)!important;color:#fff0c4!important;border:2px solid #c9a25c!important;box-shadow:inset 0 0 0 1px #1e4e3f,0 3px 7px #0005!important;border-radius:12px!important}.modal-buttons .btn-primary{background:linear-gradient(180deg,#477d55,#1e4e3a)!important}
.level-grid{gap:9px!important}.level-btn{min-height:72px!important}.level-btn.completed{background:linear-gradient(180deg,#4a7c55,#244f38)!important}.level-btn.locked{filter:grayscale(.85) brightness(.68)!important}.level-btn.current{outline:3px solid #e2bd6c!important}
.chapter-art-card,.gallery-card,.shop-card,.settings-hero{border:2px solid #b78d47!important;border-radius:15px!important;background:rgba(255,247,224,.86)!important;box-shadow:0 4px 10px #5c3c1f45!important;overflow:hidden!important}
.chapter-preview{border:3px solid #c09a55!important;border-radius:14px!important}.chapter-rules,.shop-balance,.test-status{background:#174235!important;color:#f8e7b9!important;border:1px solid #c59b52!important;border-radius:11px!important}
.shop-grid{gap:10px!important}.shop-card{grid-template-columns:58px minmax(0,1fr) auto!important}.shop-icon{background:radial-gradient(circle,#3b8065,#153e32)!important;border:2px solid #c9a15b!important;color:#ffe5a8!important}.shop-buy{min-width:92px!important}
.reward-card,.tutorial-card{background:rgba(255,247,224,.58)!important;border:1px solid #c09a55!important;border-radius:16px!important;padding:12px!important}.reward-coin,.tutorial-icon{filter:drop-shadow(0 3px 4px #0005)}

/* 詩畫錄完成頁：沿用參考圖的整卷意境，同時保留十章各自的詩文內容 */
.poem-overlay{background:#10231d!important;padding:8vh 6vw 13vh!important}
.poem-overlay .poem-bg{opacity:.72!important;filter:saturate(1.12) contrast(1.06)!important}
.poem-overlay .poem-scroll{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:1fr!important;gap:14px!important;width:min(92vw,500px)!important;max-height:76vh!important;overflow:auto!important;margin:auto!important;padding:24px 20px!important;border:5px double #b98a42!important;border-radius:18px!important;background:linear-gradient(rgba(247,237,211,.95),rgba(236,218,180,.96))!important;box-shadow:inset 0 0 0 3px #f9e6b8,0 12px 34px #000c!important;color:#2a1e14!important;text-align:center!important}
.poem-overlay .poem-left,.poem-overlay .poem-right{padding:0!important;border:0!important}.poem-overlay h2{font-size:34px!important;margin:5px!important}.poem-overlay .poem-text{font-size:21px!important;line-height:1.9!important}.poem-overlay .poem-right h3{display:inline-block;padding:5px 18px;border:1px solid #b78a44;border-radius:14px;background:#efe0bc!important}.poem-overlay .poem-note{display:inline-block;background:#174235!important;color:#f6e4b2!important;border:1px solid #c49a53!important;border-radius:12px!important;padding:6px 14px!important}
.poem-overlay .tap-close{bottom:4.5%!important;left:25%!important;right:25%!important;width:auto!important;padding:12px!important;border:2px solid #cda75f!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(37,92,72,.96),rgba(14,52,42,.96))!important;color:#f9e9bb!important;font-size:18px!important;box-shadow:0 5px 12px #0008!important}

@media(max-height:740px){
 .start-screen .start-menu{inset:30% 17% 26%!important}
 .main-screen>.topbar{height:7%!important}.game-scene-label{top:92px!important}
 .modal-card{max-height:94dvh!important}
}
@media(min-width:700px){
 .fine-art-v03 #screen-start.active .start-menu{left:17%!important;right:17%!important;top:31%!important;bottom:27%!important;width:auto!important;height:auto!important;transform:none!important}
}
@media(min-width:561px){body.fine-art-v03{background:radial-gradient(circle,#344a3d,#0d0b08 70%)}}

/* V0.6.1：手機文字層級與防重疊規則 */
.fine-art-v03 .chapter-progress-note{margin:10px 4px 0!important;padding:7px 9px!important;border-radius:10px!important;background:rgba(23,66,53,.10)!important;color:#5b4429!important;font-size:var(--text-xs)!important;line-height:1.5!important;text-align:center!important}
.fine-art-v03{--text-xs:clamp(10px,2.7vw,12px);--text-sm:clamp(12px,3.2vw,14px);--text-md:clamp(14px,3.8vw,17px);--text-lg:clamp(19px,5.2vw,24px);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.fine-art-v03 button,.fine-art-v03 input,.fine-art-v03 select{font-family:"Noto Serif TC","Microsoft JhengHei",sans-serif}
.fine-art-v03 :where(h1,h2,h3,b,strong,span,p,small,button){box-sizing:border-box}
.fine-art-v03 :where(.resources,.game-header,.game-subbar,.modal-card,.shop-card,.chapter-art-card,.gallery-card,.settings-hero)>*{min-width:0}
.fine-art-v03 .main-screen .resources{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:clamp(6px,2.4vw,14px)!important;line-height:1.15!important;font-size:var(--text-sm)!important;white-space:nowrap!important}
.fine-art-v03 .main-screen .resources>div{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;padding:4px clamp(7px,2.5vw,12px)!important;overflow:hidden!important;text-overflow:ellipsis!important}
.fine-art-v03 .main-screen .resources strong{font-size:1.05em!important;font-variant-numeric:tabular-nums!important}
.fine-art-v03 .start-screen .version{font-size:clamp(9px,2.35vw,11px)!important;line-height:1.2!important;letter-spacing:.03em!important;white-space:nowrap!important}
.fine-art-v03 .game-header{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;padding-left:10px!important;padding-right:10px!important}
.fine-art-v03 .game-header>div:nth-child(2){min-width:0!important;overflow:hidden!important;line-height:1.15!important}
.fine-art-v03 .game-header #game-level{display:block!important;font-size:var(--text-md)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.fine-art-v03 .game-header #game-difficulty{display:block!important;margin-top:3px!important;font-size:var(--text-xs)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:.9!important}
.fine-art-v03 .game-header .timer{font-size:var(--text-md)!important;line-height:1!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important}
.fine-art-v03 .game-subbar{display:grid!important;grid-template-columns:auto auto minmax(0,1fr)!important;align-items:center!important;gap:clamp(6px,2.2vw,12px)!important;padding-left:10px!important;padding-right:10px!important;font-size:var(--text-xs)!important;line-height:1.2!important;white-space:nowrap!important}
.fine-art-v03 .game-subbar span:last-child{overflow:hidden!important;text-overflow:ellipsis!important;text-align:right!important}
.fine-art-v03 .game-scene-label{max-width:calc(100% - 28px)!important;padding:6px 13px!important;font-size:var(--text-sm)!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.fine-art-v03 .tools{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.fine-art-v03 .tool{min-width:0!important;padding:6px 3px!important;line-height:1.1!important;letter-spacing:0!important;overflow:hidden!important}
.fine-art-v03 .tool>b{display:block!important;font-size:clamp(10px,2.75vw,13px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.fine-art-v03 .tool small,.fine-art-v03 .tool em{display:block!important;max-width:100%!important;font-size:clamp(8px,2.2vw,10px)!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.fine-art-v03 .modal-card{font-size:var(--text-sm)!important;line-height:1.65!important;overflow-x:hidden!important}
.fine-art-v03 .modal h2{width:fit-content!important;max-width:calc(100% - 48px)!important;margin-bottom:12px!important;padding:7px clamp(16px,5vw,28px)!important;font-size:var(--text-lg)!important;line-height:1.3!important;letter-spacing:.08em!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important}
.fine-art-v03 .modal :where(p,.source,.reward-note,.chapter-rules){font-size:var(--text-sm)!important;line-height:1.65!important;overflow-wrap:anywhere!important}
.fine-art-v03 .modal-buttons{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.fine-art-v03 .modal-buttons button{flex:1 1 120px!important;min-width:0!important;min-height:44px!important;padding:9px 10px!important;font-size:var(--text-sm)!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important}
.fine-art-v03 .modal-x{width:40px!important;height:40px!important;padding:0!important;font:700 25px/1 sans-serif!important;letter-spacing:0!important}
.fine-art-v03 .level-btn{min-width:0!important;padding:8px 4px!important;font-size:var(--text-sm)!important;line-height:1.25!important;white-space:normal!important;word-break:keep-all!important}
.fine-art-v03 .level-btn small{display:block!important;margin-top:3px!important;font-size:var(--text-xs)!important;line-height:1.2!important}
.fine-art-v03 .shop-card{align-items:center!important;min-width:0!important}
.fine-art-v03 .shop-card>div:nth-child(2){min-width:0!important}
.fine-art-v03 .shop-card h3{margin:0 0 4px!important;font-size:var(--text-md)!important;line-height:1.3!important;word-break:keep-all!important}
.fine-art-v03 .shop-card p{margin:0!important;font-size:var(--text-xs)!important;line-height:1.5!important;overflow-wrap:anywhere!important}
.fine-art-v03 .shop-owned{font-size:var(--text-xs)!important;line-height:1.35!important}
.fine-art-v03 .shop-buy{min-width:88px!important;padding:8px 7px!important;font-size:var(--text-sm)!important;line-height:1.25!important;white-space:normal!important}
.fine-art-v03 .poem-overlay .poem-scroll{overflow-wrap:anywhere!important}
.fine-art-v03 .poem-overlay h2{font-size:clamp(27px,7.5vw,34px)!important;line-height:1.3!important}
.fine-art-v03 .poem-overlay .poem-text{font-size:clamp(17px,4.8vw,21px)!important;line-height:1.85!important;letter-spacing:.06em!important}
.fine-art-v03 .poem-overlay .poem-right p{font-size:var(--text-sm)!important;line-height:1.75!important}
@media(max-width:420px){
 .fine-art-v03 .main-screen>.topbar{left:3%!important;right:3%!important;padding:0 6px!important}
 .fine-art-v03 .main-screen .resources{gap:5px!important;font-size:12px!important}
 .fine-art-v03 .main-screen .resources>div{padding:4px 7px!important}
 .fine-art-v03 .shop-card{grid-template-columns:50px minmax(0,1fr)!important}
 .fine-art-v03 .shop-icon{width:48px!important;height:48px!important}
 .fine-art-v03 .shop-buy{grid-column:1/-1!important;width:100%!important;min-height:42px!important}
 .fine-art-v03 .game-header{grid-template-columns:40px minmax(0,1fr) auto!important;gap:6px!important;padding-left:7px!important;padding-right:7px!important}
 .fine-art-v03 .game-header .timer{padding:6px 7px!important}
 .fine-art-v03 .game-subbar{gap:5px!important;padding-left:7px!important;padding-right:7px!important}
 .fine-art-v03 .tool{padding-left:2px!important;padding-right:2px!important}
}

/* 安全保護：圖片若遺失，必須顯示可操作的傳統介面，絕不留下空白頁 */
body.art-load-failed .full-art-bg{display:none!important}
body.art-load-failed .start-screen:before{display:none!important}
body.art-load-failed .start-screen .ink-vignette,body.art-load-failed .start-screen .title-wrap,body.art-load-failed .start-screen .start-tip{display:block!important}
body.art-load-failed .start-screen .start-menu{inset:auto 12% 18%!important;padding:16px!important;background:rgba(243,233,207,.95)!important;border:2px solid #a87b39!important;box-shadow:0 8px 26px #0007!important;display:grid!important;gap:9px!important}
body.art-load-failed .start-screen .start-menu button{height:auto!important;min-height:44px!important;color:#f9e9ba!important;background:linear-gradient(180deg,#2d6a53,#143d32)!important;border:2px solid #c59b52!important;box-shadow:0 3px 8px #0005!important}
body.art-load-failed .main-screen{background:linear-gradient(rgba(239,226,197,.86),rgba(224,205,166,.9)),url('chapter01_guanju.webp') center/cover!important;overflow:auto!important}
body.art-load-failed .main-screen>.topbar{position:relative!important;inset:auto!important;height:auto!important;min-height:62px!important;margin:8px!important}
body.art-load-failed .main-screen>.topbar>div:first-child{display:block!important}
body.art-load-failed .main-screen .scene-wrap,body.art-load-failed .main-screen .main-status{display:block!important;position:relative!important}
body.art-load-failed .main-screen .main-actions{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:10px!important}
body.art-load-failed .main-screen .main-actions button{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:44px!important;color:#f9e9ba!important;background:linear-gradient(180deg,#2d6a53,#143d32)!important;border:2px solid #c59b52!important;box-shadow:0 3px 8px #0005!important}

/* V0.6.3：只由外層容器置中，避免手機模擬器二次位移與右側黑屏。 */
html,body{width:100%!important;max-width:none!important}
body.fine-art-v03 #app{position:relative!important;width:100%!important;max-width:560px!important;height:100dvh!important;margin:0 auto!important;overflow:hidden!important}
body.fine-art-v03 .screen{left:0!important;right:0!important;width:100%!important;max-width:none!important;transform:none!important;margin:0!important}

/* 主畫面頂端不再使用整片綠色橫條，只留下兩個小型資源標籤。 */
.fine-art-v03 .main-screen>.topbar{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important}
.fine-art-v03 .main-screen .resources{display:block!important;position:absolute!important;inset:0!important;width:auto!important;font-size:clamp(11px,3vw,13px)!important}
.fine-art-v03 .main-screen .resources>div{position:absolute!important;top:max(8px,env(safe-area-inset-top))!important;width:auto!important;max-width:43%!important;min-height:30px!important;padding:5px 10px!important;border:1px solid #c79a4a!important;border-radius:999px!important;background:rgba(15,52,42,.86)!important;box-shadow:0 2px 7px rgba(0,0,0,.42)!important;color:#ffedba!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;backdrop-filter:blur(3px)!important}
.fine-art-v03 .main-screen .resources .coins{left:max(8px,env(safe-area-inset-left))!important;right:auto!important}
.fine-art-v03 .main-screen .resources .stamina{right:max(8px,env(safe-area-inset-right))!important;left:auto!important}

/* 所有主畫面按鈕只作為背景圖片熱區，不另外蓋文字或按鈕外觀。 */
.fine-art-v03 #screen-main.active .main-actions>button,.fine-art-v03 #screen-main.active #btn-home,.fine-art-v03 #screen-main.active #btn-leave{color:transparent!important;background:transparent!important;border:0!important;box-shadow:none!important;opacity:.01!important}
.fine-art-v03 #screen-main.active .main-actions>button:active{opacity:.10!important;background:rgba(255,244,195,.24)!important}
#btn-home{left:8%!important;top:91.5%!important;width:27%!important;height:8.5%!important}
#btn-leave{right:8%!important;top:91.5%!important;width:27%!important;height:8.5%!important}

/* 象牙白、鎏金框、深玉綠牌身：依萬／筒／條／字牌分別呈現。 */
.fine-art-v03 .tile{overflow:visible!important;border:1px solid #c7a45f!important;border-radius:9px!important;background:linear-gradient(145deg,#fffdf5 0%,#f7eedb 48%,#e5d4ad 100%)!important;box-shadow:0 3px 0 #1f5a48,0 5px 0 #123b31,0 7px 9px rgba(0,0,0,.48),inset 0 0 0 2px #fffaf0,inset 0 0 0 3px rgba(181,139,68,.52)!important;color:#1d271d!important}
.fine-art-v03 .tile:before{content:"";position:absolute;inset:5%;border:1px solid rgba(173,127,54,.52);border-radius:6px;pointer-events:none}
.fine-art-v03 .tile-face{position:absolute;inset:8% 7% 10%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;overflow:hidden}
.fine-art-v03 .tile-face.wan-face{font-family:"Noto Serif TC","KaiTi","DFKai-SB",serif;font-weight:900}
.fine-art-v03 .wan-rank{font-size:clamp(13px,4.3vw,24px);line-height:.95;color:#171a16;text-shadow:0 1px #fff}
.fine-art-v03 .wan-suit{font-size:clamp(8px,2.4vw,13px);line-height:1;color:#9b322a;font-weight:900}
.fine-art-v03 .dot-grid,.fine-art-v03 .bamboo-grid{display:grid;grid-template-columns:repeat(3,1fr);place-items:center;width:88%;height:88%;gap:3%}
.fine-art-v03 .mahjong-dot{display:block;width:72%;aspect-ratio:1;border:1px solid #234d3f;border-radius:50%;background:radial-gradient(circle,#f4dfb5 0 20%,#225a49 22% 43%,#d4b36c 45% 54%,#173b31 56%);box-shadow:0 1px 1px #0004}
.fine-art-v03 .mahjong-dot:nth-child(5n+1){border-color:#8f3028;background:radial-gradient(circle,#f7e5bd 0 20%,#a43c31 22% 43%,#d7b76c 45% 54%,#6d231e 56%)}
.fine-art-v03 .bamboo-stick{display:block;width:42%;height:82%;min-height:4px;border-radius:45%;background:linear-gradient(90deg,#193f34,#4c8567 30%,#e1c47c 48%,#397157 65%,#17392f);box-shadow:0 1px 1px #0005}
.fine-art-v03 .bamboo-stick:nth-child(5n){background:linear-gradient(90deg,#752820,#b74636 35%,#e0bd70 50%,#9c352c 67%,#65221d)}
.fine-art-v03 .honor-mark{font-family:"Noto Serif TC","KaiTi","DFKai-SB",serif;font-size:clamp(16px,5vw,28px);font-weight:900;line-height:1;color:#172019;text-shadow:0 1px #fff}
.fine-art-v03 .dragon-red .honor-mark{color:#a12f28}.fine-art-v03 .dragon-green .honor-mark{color:#1d6848}
.fine-art-v03 .dragon-white .tile-face:after{content:"";width:62%;height:72%;border:2px double #4d7968;border-radius:3px;box-shadow:inset 0 0 0 2px #e9d8ac}
.fine-art-v03 .tile.selected{outline:3px solid #63c58c!important;filter:brightness(1.08)!important;transform:translateY(-2px)}
.fine-art-v03 .tile.locked{filter:saturate(.55) brightness(.64)!important}

@media(max-width:370px){
 .fine-art-v03 .main-screen .resources>div{max-width:45%!important;padding:4px 7px!important;font-size:10px!important}
 .fine-art-v03 .tile{border-radius:7px!important}
 .fine-art-v03 .tile:before{inset:4%!important}
}
@supports (width:1cqw){
 .fine-art-v03 #screen-main.active #btn-home{left:calc(var(--main-art-w) * .08 - var(--main-crop-x))!important;top:91.5%!important;width:calc(var(--main-art-w) * .27)!important;height:8.5%!important}
 .fine-art-v03 #screen-main.active #btn-leave{right:calc(var(--main-art-w) * .08 - var(--main-crop-x))!important;top:91.5%!important;width:calc(var(--main-art-w) * .27)!important;height:8.5%!important}
}

/* V0.6.4：主頁六宮格。移除活動／信箱，底排改為同尺寸的主畫面與恢復體力。 */
.fine-art-v03 #screen-main.active #btn-home{left:7%!important;right:auto!important;top:77.1%!important;width:42%!important;height:17.1%!important}
.fine-art-v03 #screen-main.active #btn-recover{left:auto!important;right:7%!important;top:77.1%!important;width:42%!important;height:17.1%!important}
.fine-art-v03 #screen-main.active #btn-leave{display:none!important;pointer-events:none!important}
@supports (width:1cqw){
 .fine-art-v03 #screen-main.active #btn-home{left:calc(var(--main-art-w) * .07 - var(--main-crop-x))!important;right:auto!important;top:77.1%!important;width:calc(var(--main-art-w) * .42)!important;height:17.1%!important}
 .fine-art-v03 #screen-main.active #btn-recover{left:auto!important;right:calc(var(--main-art-w) * .07 - var(--main-crop-x))!important;top:77.1%!important;width:calc(var(--main-art-w) * .42)!important;height:17.1%!important}
}

/* 34 種牌面精雕細節：象牙釉面、雙層鎏金、玉石牌腰與專屬圖騰。 */
.fine-art-v03 .tile{isolation:isolate;background:linear-gradient(135deg,#fffef8 0%,#f5ead2 58%,#dac18d 100%)!important;border:1px solid #d5b86d!important;box-shadow:0 3px 0 #3d7b61,0 6px 0 #174936,0 8px 12px #0009,inset 0 0 0 2px #fffdf1,inset 0 0 0 4px #b88a42!important}
.fine-art-v03 .tile:after{content:"";position:absolute;z-index:-1;left:7%;right:7%;bottom:-6px;height:7px;border-radius:0 0 7px 7px;background:linear-gradient(90deg,#123c2f,#3b7a5e 45%,#183e31);box-shadow:inset 0 1px #d4b263}
.fine-art-v03 .tile-face{background:radial-gradient(circle at 52% 42%,rgba(255,255,255,.72),rgba(255,247,225,.08) 64%);border-radius:5px}
.fine-art-v03 .tile-face:before{content:"";position:absolute;inset:0;border-radius:5px;background:linear-gradient(135deg,rgba(255,255,255,.65),transparent 30%,rgba(136,92,33,.08));pointer-events:none}
.fine-art-v03 .tile-cloud{position:absolute;width:23%;height:9%;border-top:1px solid #b58a45;border-radius:50%;opacity:.55}.fine-art-v03 .cloud-a{top:4%;left:5%}.fine-art-v03 .cloud-b{right:5%;bottom:2%;transform:rotate(180deg)}
.fine-art-v03 .wan-rank{font-size:clamp(15px,4.7vw,27px);color:#191a16}.fine-art-v03 .wan-suit{padding-top:1px;color:#a73329;text-shadow:0 1px #fff,0 0 1px #6f1712}
.fine-art-v03 .dot-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:4%;width:82%;height:82%}
.fine-art-v03 .mahjong-dot{width:88%;max-height:100%;background:radial-gradient(circle,#f2d78e 0 13%,#123b31 15% 25%,#3e8568 27% 44%,#e1bf70 46% 56%,#1d4d3d 58% 66%,transparent 68%)!important;border:0!important;box-shadow:none!important}
.fine-art-v03 .dot-1,.fine-art-v03 .dot-5{filter:hue-rotate(132deg) saturate(1.35)}
.fine-art-v03 .one-dot{width:76%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,#23634d,#d5b35f,#9e352b,#d7b55e,#24684f,#d4b15e,#9c332a,#24644d);box-shadow:inset 0 0 0 3px #f4e2b5,inset 0 0 0 6px #1b493a,0 1px 3px #0007}.fine-art-v03 .one-dot i{position:absolute;inset:34%;border-radius:50%;background:#a4382e;box-shadow:0 0 0 3px #e1c06e}
.fine-art-v03 .bamboo-grid{width:82%;height:84%;gap:5%}.fine-art-v03 .bamboo-stick{position:relative;width:50%;height:86%;border-radius:42%;background:linear-gradient(90deg,#164233,#58a17b 27%,#ecd088 49%,#3f8465 70%,#153d30)!important;box-shadow:inset 0 1px #f4dfa1,0 1px 2px #0005}.fine-art-v03 .bamboo-stick:after{content:"";position:absolute;left:-20%;right:-20%;top:43%;height:12%;border-radius:50%;background:#d7b45d;box-shadow:0 -1px #174638}
.fine-art-v03 .bamboo-stick:nth-child(3n){filter:hue-rotate(128deg) saturate(1.2)}
.fine-art-v03 .bamboo-bird{position:relative;width:80%;height:88%;display:block}.fine-art-v03 .bird-body{position:absolute;left:27%;top:29%;width:43%;height:43%;border-radius:60% 42% 54% 46%;background:linear-gradient(145deg,#2d7657,#d6b45f 60%,#993a2f);transform:rotate(-17deg);box-shadow:inset 0 0 0 2px #f3dda0}.fine-art-v03 .bird-head{position:absolute;z-index:2;left:48%;top:17%;width:25%;aspect-ratio:1;border-radius:50%;background:#1c4c3b;box-shadow:7px 0 0 -4px #b33d31}.fine-art-v03 .bird-tail{position:absolute;left:18%;top:53%;width:35%;height:38%;background:linear-gradient(105deg,transparent 30%,#1e6048 32% 42%,transparent 44% 55%,#b38b3e 57% 67%,transparent 69%);transform:rotate(20deg)}
.fine-art-v03 .honor-face{gap:2%}.fine-art-v03 .honor-mark{font-size:clamp(18px,5.6vw,31px);filter:drop-shadow(0 1px #fff)}.fine-art-v03 .honor-face small{font-size:clamp(6px,1.7vw,9px);color:#a37635;letter-spacing:.2em}.fine-art-v03 .honor-corner{position:absolute;inset:3%;border:1px solid rgba(173,127,54,.42);clip-path:polygon(0 0,28% 0,28% 5%,5% 5%,5% 28%,0 28%,0 0,100% 0,100% 28%,95% 28%,95% 5%,72% 5%,72% 0,100% 0,100% 100%,72% 100%,72% 95%,95% 95%,95% 72%,100% 72%,100% 100%,0 100%,0 72%,5% 72%,5% 95%,28% 95%,28% 100%,0 100%)}
.fine-art-v03 .dragon-red .honor-mark{color:#a52f28!important}.fine-art-v03 .dragon-green .honor-mark{color:#186946!important}.fine-art-v03 .wind-face .honor-mark{color:#17251e!important}
.fine-art-v03 .white-gate{position:relative;width:64%;height:76%;border:2px solid #3d7660;border-radius:3px;background:linear-gradient(135deg,#f8efd9,#e6d4aa);box-shadow:inset 0 0 0 2px #fff9e8,inset 0 0 0 4px #c9a55e}.fine-art-v03 .white-gate i{position:absolute;inset:18%;border:1px solid #a83a30;box-shadow:inset 0 0 0 2px #f6e6bd}