/* The planning ribbon uses the same illustrated gold frame as the game HUD. */
#study-controls,#study-choice{position:absolute;z-index:32;left:50%;top:80px;transform:translateX(-50%);width:510px;max-height:340px;overflow:auto;box-sizing:border-box;border:15px solid transparent;border-image:url('assets/anime-panel-frame.png') 180 stretch;background:#0d2734cc;padding:8px 14px;color:#f0dfb6;box-shadow:0 12px 30px #00142066;pointer-events:auto}
#study-controls[hidden],#study-state[hidden],#study-choice[hidden],#study-reveal[hidden]{display:none!important}
.study-plan-heading{display:flex;align-items:center;gap:12px}.study-plan-art{display:inline-block;width:39px;height:43px;flex-shrink:0}.study-plan-art svg{width:100%;height:100%}.study-plan-heading>div{min-width:0;flex:1}.study-plan-heading small,#study-choice small{display:block;font-size:calc(10px + var(--ui-font-adjust,0px));letter-spacing:.8px;color:#b4c9ba}.study-plan-heading b{display:block;font-family:Cinzel,serif;font-size:calc(17px + var(--ui-font-adjust,0px));line-height:1.35;margin-top:4px}.study-plan-heading>button{border-radius:50%;font-size:24px;width:29px;height:29px;padding:0;background:#183745;color:#efce9d;border:1px solid #c7ac6e88}
.study-instruction{margin:10px 0 5px;font-size:calc(16px + var(--ui-font-adjust,0px));line-height:1.4;color:#fff0b7}.study-no-target{font-size:calc(12px + var(--ui-font-adjust,0px));line-height:1.4;color:#eab69a;margin:7px 0}.study-options{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.study-options>button,#study-choice button,.study-copy-list>button{background:linear-gradient(#244855,#122f3d);border:1px solid #b8a06a88;color:#edddb5;padding:7px 10px;font-size:calc(12px + var(--ui-font-adjust,0px));cursor:pointer}.study-options>button.active,.study-direction button.active{background:#53604a;color:#fff3bf;border-color:#f8d98c;box-shadow:inset 0 0 9px #f5d17c33}.study-options>button svg{width:23px;height:23px;vertical-align:middle;margin-right:5px}.study-direction{display:flex;gap:4px}.study-direction button{width:34px;height:31px;background:#183744;border:1px solid #bba370;color:#ffe5ac;font-size:20px;cursor:pointer}.study-split{display:flex;align-items:center;gap:9px;width:100%;font-size:calc(12px + var(--ui-font-adjust,0px));margin:8px 0}.study-split input{width:130px;accent-color:#d8c182}.study-split b{min-width:48px;color:#ffe7aa}.study-options select{background:#143340;color:#eddfb9;border:1px solid #b9a477;padding:4px;margin-left:8px}
.study-copy-list{display:flex;gap:7px;overflow:auto;padding-top:8px}.study-copy-list>button{min-width:160px;display:flex;gap:9px;text-align:left;align-items:center}.study-copy-list svg{width:48px;height:48px;flex-shrink:0}.study-copy-list span{font-size:calc(12px + var(--ui-font-adjust,0px));line-height:1.3}.study-copy-list small{display:block;margin-top:6px;color:#adc6ba}
#study-state{position:absolute;top:85px;left:50%;transform:translateX(-50%);z-index:20;pointer-events:auto;font-size:calc(13px + var(--ui-font-adjust,0px));color:#f0dca8;border:1px solid #d2b57377;background:#102d39cc;border-radius:18px;padding:7px 17px;box-shadow:0 4px 15px #00172255;max-width:650px;text-align:center}
#study-choice{display:flex;align-items:center;gap:13px;top:105px}#study-choice>div{flex:1}#study-choice b{display:block;font-size:calc(17px + var(--ui-font-adjust,0px));margin-top:5px}#study-choice p{font-size:calc(12px + var(--ui-font-adjust,0px));line-height:1.4;margin:7px 0 0}#study-choice>button{white-space:nowrap}
#study-reveal{position:absolute;inset:0;z-index:58;background:#071d29cc;display:grid;place-items:center;backdrop-filter:blur(3px)}.study-reveal-panel{width:760px;text-align:center;padding:30px;border:20px solid transparent;border-image:url('assets/anime-panel-frame.png') 180 stretch;background:#102c38cc;color:#f2dfb0}.study-reveal-panel>small{letter-spacing:2px;color:#a7c5b5;font-size:12px}.study-reveal-panel h2{font-family:Cinzel,serif;font-size:27px}.study-reveal-panel p{font-size:calc(17px + var(--ui-font-adjust,0px));line-height:1.5}.study-reveal-panel>div{display:flex;align-items:flex-start;justify-content:center;gap:32px}.study-reveal-panel>div>button{width:230px;height:342px;padding:0;border:0;background:none;position:relative;cursor:pointer;transition:transform .15s}.study-reveal-panel>div>button:hover{transform:translateY(-8px)}.study-reveal-panel .tabletop-card{width:100%;height:100%}
.hud-hidden #study-controls,.hud-hidden #study-state{display:none!important}

#study-state button{pointer-events:auto;border:1px solid #bda47288;background:#234450;color:#f4dba4;padding:3px 6px;font-size:11px;cursor:pointer;border-radius:4px}.study-separator{opacity:.4}

.study-card .tabletop-title{white-space:normal;display:block;align-content:center;line-height:1.08;overflow:hidden;word-break:normal;max-width:62%;padding:0 1px}
.study-card .tabletop-category{top:63.8%}
.study-card .tabletop-effect{top:67%;height:22.5%;overflow:hidden}
.hand-card{width:210px;height:315px}
.playing #hand-fold{bottom:215px}

#study-map-targets{position:absolute;inset:0;z-index:28;pointer-events:none}#study-map-targets[hidden]{display:none}#study-map-targets button{position:absolute;pointer-events:auto}